• Poštovani posjetitelju, za korištenje svih mogućnosti koje InternetZarada Forum omogućuje, predlažemo ti da se registriraš. Besplatno je i tvoja privatnost je potpuno zaštićena. Registracija ti omogućuje pristup svim kategorijama i temama, mogućnost pristupa privicima u postovima (slike, video, tutorijali, uputstva itd), pristup malom oglasniku (Tržnica), direktnu komunikaciju s članovima putem privatnih poruka, automatsko praćenje tema od interesa i još mnogo toga. Veselimo se tvojoj prijavi! ❤️

Web dizajn Kako dodati padajuću podoznaku u bloggeru?

nasy

Član
Tu od
15 Svi 2014
Postova
35
Pozdrav raja...

Zna neko kako dodati padajuću podoznaku u bloggeru?
Sve sam pretražila, u blogger forum help neće da pomažu ako ne koristiš njihov template, jednostavno kažu koristite third party template javite se dizajneru.

koristim labele zabava, misterije, lifestyle, šokantno i ostale...
ehh sad mene zanima kako da ubacum sub-label kada mišom naneseš da se prikazuju padajuči niz podlabela jer paniram još ubacit kategorija..
Našla sam neke načine ali mi ne odgovara...

Ajmo majstori za HTML :)
Please HELP !
 

dev_masta

Iskusan lik
Tu od
4 Sij 2012
Postova
304
Ja bih ti rado pomogao, ali ne znam što je to padajuća podoznaka :)

Da probaš na engleskom ?
 

nasy

Član
Tu od
15 Svi 2014
Postova
35
Sublabels, subcategories
Posto to nisu standard stranice, to su labele pa malo je komplicirano, svaki label sam dodavala u HTML ali mi ne ide dodavanje dropdown subcategories ...

any idea? :D


Evo link od mog bloga da pogledate gore liste kategorija odnosno labele koje sam dodala, medije, zabava, itd... ermagazin.com
 

nasy

Član
Tu od
15 Svi 2014
Postova
35
Hvala ulysses ali to sam vec probala, to vrijedi za template od bloggera ali posto ja koristim druge template pa mi to ne odgovara, i nikako ne ne uspijevam naci, takvom metodom uspijem ubacit menu bar ali gdje cu s njom ,kad ja imam menu bar ,sad na ovaj menu bar treba dodat dropwodn ali neznam pa tražim...

Ak imate još neki prijedlog svakako dodajte ;)
 

nasy

Član
Tu od
15 Svi 2014
Postova
35
Evo našla sam ovaj

i evo kako u mene stoji, naravno to je bez pod kategorija :

<li>
<a class='home' expr:href='data:blog.homepageUrl'>
Pocetna
</a>
</li>
<li>
<a href='http://www.ermagazin.com/search/label/Urnebesni Klipovi!'>
Urnebesni Klipovi
</a>
</li>
<li>
<a href='http://www.ermagazin.com/search/label/Opticke Iluzije!'>
Opticke Iluzije
</a>
</li>

Sunbeach, naravno da sam izmijenila ubacila sve tačo stavim kako u videu stoji ali opet tamo nema dropdown , mora postojati nešto, možda dodatak neki u CSS ili šta ja zam već neki vrag .... :busted
 

sunbeach

Legenda
Tu od
17 Lis 2011
Postova
1,183
Ja sam namestio ovako to je samo pocetno posle ti namestis po svom kako hoces:

http://sunbeach123.blogspot.com

Evo kod kopiraj sve i ubaci sve na jedno mesto u gadzetu:



<div id='menubar'>
<ul id='menus'>
<li>
<a href='#'>Menu 1</a>
</li>
<li>
<a href='#'>Menu 2</a>
</li>
<li>
<a href='#'>Menu 3</a>
</li>
<li>
<a href='#'>Menu 4</a>
<ul>
<li><a href='#'>SubMenuItem 1</a></li>
<li><a href='#'>SubMenuItem 2 </a></li>
<li><a href='#'>SubMenuItem 3</a></li>
</ul>
</li>
</ul>
</div>






<!DOCTYPE...>
<html>
<head>
...
<style type="text/css">
#menubar {
background: #8E8E8E;
width: 840px;
color: #FFF;
margin: 0px;
padding: 0;
position: relative;
border-top:1px solid #B2FFFF;
height:35px;
}

#menus {
margin: 0;
padding: 0;
}

#menus ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#menus li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #1A6680;
border-right:1px solid #1A6680;
height:35px;
}
#menus li a, #menus li a:link, #menus li a:visited {
color: #FFF;
display: block;
font:normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}

#menus li a:hover, #menus li a:active {
background: #130000; /* Menu hover */
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 10px 12px;
}

#menus li {
float: left;
padding: 0;
}

#menus li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}

#menus li ul a {
width: 140px;
}

#menus li ul ul {
margin: -25px 0 0 160px;
}

#menus li:hover ul ul, #menus li:hover ul ul ul, #menus li.sfhover ul ul, #menus li.sfhover ul ul ul {
left: -999em;
}

#menus li:hover ul, #menus li li:hover ul, #menus li li li:hover ul, #menus li.sfhover ul, #menus li li.sfhover ul, #menus li li li.sfhover ul {
left: auto;
}

#menus li:hover, #menus li.sfhover {
position: static;
}

#menus li li a, #menus li li a:link, #menus li li a:visited {
background: #B3B3B3; /* drop down background color */
width: 120px;
color: #FFF;
display: block;
font:normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border-bottom:1px solid #1A6680;
}

#menus li li a:hover, #menusli li a:active {
background: #130000; /* Drop down hover */
color: #FFF;
display: block; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
</style>
</head>
 

nasy

Član
Tu od
15 Svi 2014
Postova
35
Pa vec sam to dodavala ali evo pogledaj onda imam dupli, sta ce mi taj menu bar kad imam gore svoj meni treba da na vec postojeci menubar da dodam dropdown pod labele ...

Evo kako izgleda kad dodam gadget http://prntscr.com/7b24lc

Još ideja ??? :D
 

sunbeach

Legenda
Tu od
17 Lis 2011
Postova
1,183
nasy kaže:
Pa vec sam to dodavala ali evo pogledaj onda imam dupli, sta ce mi taj menu bar kad imam gore svoj meni treba da na vec postojeci menubar da dodam dropdown pod labele ...

Evo kako izgleda kad dodam gadget http://prntscr.com/7b24lc

Još ideja ??? :D

Pa preko tog koda izmenjaj svoj meni,zato sam i napisao da izmenis taj kod po svome:
sunbeach kaže:
Ja sam namestio ovako to je samo pocetno posle ti namestis po svom kako hoces:

To umesto menu 4 napisi sta hoces,ja sam ti postavio kod koji funkcionise,jer po onom snimku kako je namestio on,kod nije funkcionisao na blogspotu e sad ti trebas sama da menjas boje velicine....u css kako ti zelis i gde zelis da postavis kod.

Ovaj deo promenis ovako ovo ti je opet samo najjednostavniji primer:

ovo je kod koji sam ja postavio:

Kod:
 <div id='menubar'>
    <ul id='menus'>
      <li>
        <a href='#'>Menu 1</a>
      </li>
      <li>
        <a href='#'>Menu 2</a>
      </li>
      <li>
        <a href='#'>Menu 3</a>
      </li>
      <li>
        <a href='#'>Menu 4</a>
        <ul>
          <li><a href='#'>SubMenuItem 1</a></li>
          <li><a href='#'>SubMenuItem 2 </a></li>
          <li><a href='#'>SubMenuItem 3</a></li>
        </ul>
      </li>
    </ul>
  </div>

Tvoj kod bi trebao npr. da izgleda ovako:

Kod:
 <div id='menubar'>
    <ul id='menus'>
      <li>
        <a href='#'>Menu 1</a>
      </li>
      <li>
        <a href='#'>Menu 2</a>
      </li>
      <li>
        <a href='#'>Menu 3</a>
      </li>
      <li>
        <a href='ovde link'>Zanimljivosti</a>
        <ul>
          <li><a href='http://www.ermagazin.com/2015/05/jeziva-kornjaca-cudoviste-iz-mora.html'>Jeziva kornjača, čudovište iz mora</a></li>
          <li><a href='#'>SubMenuItem 2 </a></li>
          <li><a href='#'>SubMenuItem 3</a></li>
        </ul>
      </li>
    </ul>
  </div>

Nemam pojma sta ti nije jasno eno vidi na blogu kako sam namestio: http://sunbeach123.blogspot.com

Evo kod pa menjaj po zelji:
Kod:
<div id='menubar'>
<ul id='menus'>
<li>
<a href='#'>Menu 1</a>
</li>
<li>
<a href='#'>Menu 2</a>
</li>
<li>
<a href='#'>Menu 3</a>
</li>
<li>
<a href='ovde link'>Zanimljivosti</a>
<ul>
<li><a href='http://www.ermagazin.com/2015/05/jeziva-kornjaca-cudoviste-iz-mora.html'>Jeziva kornjača, čudovište iz mora</a></li>
<li><a href='http://www.ermagazin.com/2015/05/na-danasnji-dan-u-povijesti-pomracenje.html'>Na današnji dan u povijesti- pomračenje sunca se desilo</a></li>
<li><a href='http://www.ermagazin.com/2015/05/misterija-kamenja-koja-se-krecu.html'>Misterija kamenja koja se kreću</a></li>
</ul>
</li>
</ul>
</div>



<!doctype...>



<style type="text/css">
#menubar {
background: #8E8E8E;
width: 840px;
color: #FFF;
margin: 0px;
padding: 0;
position: relative;
border-top:1px solid #B2FFFF;
height:35px;
}

#menus {
margin: 0;
padding: 0;
}

#menus ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#menus li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #1A6680;
border-right:1px solid #1A6680;
height:35px;
}
#menus li a, #menus li a:link, #menus li a:visited {
color: #FFF;
display: block;
font:normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}

#menus li a:hover, #menus li a:active {
background: #130000; /* Menu hover */
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 10px 12px; 
}

#menus li {
float: left;
padding: 0;
}

#menus li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}

#menus li ul a {
width: 140px;
}

#menus li ul ul {
margin: -25px 0 0 160px;
}

#menus li:hover ul ul, #menus li:hover ul ul ul, #menus li.sfhover ul ul, #menus li.sfhover ul ul ul {
left: -999em;
}

#menus li:hover ul, #menus li li:hover ul, #menus li li li:hover ul, #menus li.sfhover ul, #menus li li.sfhover ul, #menus li li li.sfhover ul {
left: auto;
}

#menus li:hover, #menus li.sfhover {
position: static;
}

#menus li li a, #menus li li a:link, #menus li li a:visited {
background: #B3B3B3; /* drop down background color */
width: 120px;
color: #FFF;
display: block;
font:normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border-bottom:1px solid #1A6680;
}

#menus li li a:hover, #menusli li a:active {
background: #130000; /* Drop down hover */
color: #FFF;
display: block; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
</style>
</!doctype...>

Evo i drugi kod pogledaj na mom blogu kako izgleda:http://sunbeach123.blogspot.com

Kod:
<div id='menubar'>
<ul id='menus'>
<li>
<a href='ovde link'>Zanimljivosti 1</a>
<ul>
<li><a href='http://www.ermagazin.com/2015/05/jeziva-kornjaca-cudoviste-iz-mora.html'>Jeziva kornjača, čudovište iz mora</a></li>
<li><a href='http://www.ermagazin.com/2015/05/na-danasnji-dan-u-povijesti-pomracenje.html'>Na današnji dan u povijesti- pomračenje sunca se desilo</a></li>
<li><a href='http://www.ermagazin.com/2015/05/misterija-kamenja-koja-se-krecu.html'>Misterija kamenja koja se kreću</a></li>
</ul>
<li>
<a href='#'>Zanimljivosti 2</a>
<ul>
<li><a href='http://www.ermagazin.com/2015/05/jeziva-kornjaca-cudoviste-iz-mora.html'>Jeziva kornjača, čudovište iz mora</a></li>
<li><a href='http://www.ermagazin.com/2015/05/na-danasnji-dan-u-povijesti-pomracenje.html'>Na današnji dan u povijesti- pomračenje sunca se desilo</a></li>
<li><a href='http://www.ermagazin.com/2015/05/misterija-kamenja-koja-se-krecu.html'>Misterija kamenja koja se kreću</a></li>
</ul>
<li>
<a href='ovde link'>Zanimljivosti 3</a>
<ul>
<li><a href='http://www.ermagazin.com/2015/05/jeziva-kornjaca-cudoviste-iz-mora.html'>Jeziva kornjača, čudovište iz mora</a></li>
<li><a href='http://www.ermagazin.com/2015/05/na-danasnji-dan-u-povijesti-pomracenje.html'>Na današnji dan u povijesti- pomračenje sunca se desilo</a></li>
<li><a href='http://www.ermagazin.com/2015/05/misterija-kamenja-koja-se-krecu.html'>Misterija kamenja koja se kreću</a></li>
</ul>
<li>
<a href='ovde link'>Zanimljivosti 4</a>
<ul>
<li><a href='http://www.ermagazin.com/2015/05/jeziva-kornjaca-cudoviste-iz-mora.html'>Jeziva kornjača, čudovište iz mora</a></li>
<li><a href='http://www.ermagazin.com/2015/05/na-danasnji-dan-u-povijesti-pomracenje.html'>Na današnji dan u povijesti- pomračenje sunca se desilo</a></li>
<li><a href='http://www.ermagazin.com/2015/05/misterija-kamenja-koja-se-krecu.html'>Misterija kamenja koja se kreću</a></li>
</ul></li>
</li>
</li></li></ul>
</div>



<!doctype...>



<style type="text/css">
#menubar {
background: #8E8E8E;
width: 840px;
color: #FFF;
margin: 0px;
padding: 0;
position: relative;
border-top:1px solid #B2FFFF;
height:35px;
}

#menus {
margin: 0;
padding: 0;
}

#menus ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#menus li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #1A6680;
border-right:1px solid #1A6680;
height:35px;
}
#menus li a, #menus li a:link, #menus li a:visited {
color: #FFF;
display: block;
font:normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}

#menus li a:hover, #menus li a:active {
background: #130000; /* Menu hover */
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 10px 12px; 
}

#menus li {
float: left;
padding: 0;
}

#menus li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}

#menus li ul a {
width: 140px;
}

#menus li ul ul {
margin: -25px 0 0 160px;
}

#menus li:hover ul ul, #menus li:hover ul ul ul, #menus li.sfhover ul ul, #menus li.sfhover ul ul ul {
left: -999em;
}

#menus li:hover ul, #menus li li:hover ul, #menus li li li:hover ul, #menus li.sfhover ul, #menus li li.sfhover ul, #menus li li li.sfhover ul {
left: auto;
}

#menus li:hover, #menus li.sfhover {
position: static;
}

#menus li li a, #menus li li a:link, #menus li li a:visited {
background: #B3B3B3; /* drop down background color */
width: 120px;
color: #FFF;
display: block;
font:normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border-bottom:1px solid #1A6680;
}

#menus li li a:hover, #menusli li a:active {
background: #130000; /* Drop down hover */
color: #FFF;
display: block; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
</style>
</!doctype...>
 

nasy

Član
Tu od
15 Svi 2014
Postova
35
Ejj
bila sam dosta zauzeta pa nisam mogla ranije pisat e ovako subeach
Slijedila sam tvoje upute i opet ništa ( osim ak negdje ne griješim )

Evo mog koda :

<ul id='topnav'>
<li>
<a class='home' expr:href='data:blog.homepageUrl'>
Pocetna
</a>
</li>
<li>
<a href='http://www.ermagazin.com/search/label/Urnebesni Klipovi!'>
Urnebesni Klipovi
</a>
</li>
<li>
<a href='http://www.ermagazin.com/search/label/Jeste Li Znali?'>
Jeste li Znali?
</a>
</li>
<li>
<a href='http://www.ermagazin.com/search/label/Opticke Iluzije!'>
Opticke Iluzije
</a>
</li>
<li>
<a href='http://www.ermagazin.com/search/label/Neobicno'>
Neobicno
</a>
</li>
<li>
<a href='http://www.ermagazin.com/search/label/Medije' title='Vijesti iz svijeta'>
Medije
</a>
</li>
<div id='searchbox'>
<form expr:action='data:blog.homepageUrl + "search/"' id='searchthis' method='get'>
<div class='content'>
<input class='textfield' name='q' size='24' type='text' value=''/>
<input class='button' type='submit' value=''/>
</div>
</form>
</div>
</ul>

sa search bar naravo sve skupa i sad ako ga zamijenim sa tvojim ovim <div id='menubar'>
<ul id='menus'>
<li>
<a href='#'>Menu 1</a>
</li>
<li>
<a href='#'>Menu 2</a>
</li>
<li>
<a href='#'>Menu 3</a>
</li>

spremim predložak ali opet ništa :/ K'vragu .....

Pokušala sam i od Anisa prijedlog ali pobrkano ....
 

nasy

Član
Tu od
15 Svi 2014
Postova
35
pa znam, to je lako dodat u gadgetu i ja ubacim i pojavi se menu ali sta cu sa ovim gore onda imam dupli ja bi zamijenila s tim ali mi ne ide, ne znam ali otkricu valjda... :)

Hvala svakako a pomoci ;)
 

sunbeach

Legenda
Tu od
17 Lis 2011
Postova
1,183
Pa prebacis taj desni gadzet da bude gornji gadzet,prevuces kao na video snimku,Napravi neki probni blogspot pa tamo isprobaj sve.
 

nasy

Član
Tu od
15 Svi 2014
Postova
35
Ama covječe ne može, koristim third party template a e od b loggera uostalom mogu dodat gadget ali ga nemogu pomaknut gore, jedino ispod ovog menija a i da mogu ,kako onda da izbrisem ovaj, :D
Nemogu imat dva, čini se da u mene se mora u HTML rješavat a ne gadgetom,, ma pokušat ću svakako ;)
 

davis90

Član
Tu od
14 Svi 2015
Postova
15
Gadgeti tu ne pomazu za takav template.Pisi rucno html kodove,ubaci ih u template i bice dobro
 

nasy

Član
Tu od
15 Svi 2014
Postova
35
Pokušavam k'vragu u HTML evo recimo primjer kako bi trebalo biti pod label 'Medije':

<li>
<a href='http://www.ermagazin.com/search/label/Medije' title='Vijesti iz svijeta'>
Medije
</a>
<ul>
<li><a href="#">Podmeni kategorija 1</a></li>
<li><a href="#">Podmeni kategorija 2</a></li>
<li><a href="#">Podmeni kategorija 3</a></li>
</ul>
</li>

i spremim template ali kad tamo mišem preko labele ema ništa,, nema dropdown, kao da ništa nisam dodala,, ešto mora biti .. :sigh

Ideja ??
 

Cafa

Član
Tu od
26 Svi 2015
Postova
49
Da sve je to ok, to je taj popis koji trebaš. Ali to da se otvara "padajuća podoznaka", to se radi sa CSS-om. Kao što je Sunbeach napisao. Nemoj ignorirati CSS ;)
 
Na vrh