MyCity » Web dizajn / HTML » Kako dodati dropdown podkategorije?

Kako dodati dropdown podkategorije?

Napisano na dan: 4.6.2015

Kako dodati dropdown podkategorije?
Sledeća strana Pagination

Idi na vrh

Poslao: 04 Jun 2015 23:07
Idi na vrh
offline
  • nasy 
  • Novi MyCity građanin
  • Pridružio: 04 Feb 2015
  • Poruke: 15

Pozdrav raja Smile
Kako dodati dropdown (pod-labele) podkategorije u bloggeru,
sve sam probala, nije problem dodati preko gadgeta ali ja koristim third party template i mislim da bi trebalo u HTML ali mi nikako ne uspijeva, listala sam toliko sajtova i youtube videa ali ne ide...

Pošto ja vec imam menu , ja bi samo dodala na njega dropdown još koju podkategoriju.

evo mog bloga ermagazin.com

Ako neko ima prijedlog.. molim napišite Sad



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 07 Jun 2015 11:07
Idi na vrh
offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Za dropdown je neophodno da u okviru li elementa, koji hoces da ima dropdown, ubacis dodatne ul>li elemente. Na pr.

  1. <li>
  2.    <a href="http://www.ermagazin.com/search/label/Jeste%20Li%20Znali%3F">Jeste li Znali?</a>
  3.    <ul>
  4.         <li><a href="#">Podmeni kategorija 1</a></li>
  5.         <li><a href="#">Podmeni kategorija 2</a></li>
  6.         <li><a href="#">Podmeni kategorija 3</a></li>
  7.    </ul>
  8. </li>
Poslao: 07 Jun 2015 11:38
Idi na vrh
offline
  • nasy 
  • Novi MyCity građanin
  • Pridružio: 04 Feb 2015
  • Poruke: 15

Ma jesam tako pokusavala vise puta evo da pokazem primjer u label 'vijesti' :

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


i spremim template ali tamo nista, mišem nanesem ali ništa se ne pojavljiva,, ne znam, da nema mozda jos neki dodatak u CSS ili šta vec drugo,, svakako novi prijedlog bi dobro došao Smile

Poslao: 08 Jun 2015 18:19
Idi na vrh
offline
  • jaro96  Male
  • Zaslužni građanin
  • Pridružio: 11 Jan 2009
  • Poruke: 573

Jednostavan primer: [Link mogu videti samo ulogovani korisnici]
Moraš takođe CSS. Pogledaj video ako nešto ne bude jasno pitaj Wink

Poslao: 08 Jun 2015 20:04
Idi na vrh
offline
  • nasy 
  • Novi MyCity građanin
  • Pridružio: 04 Feb 2015
  • Poruke: 15

o Jarooo , gdje ima cijeli kod da kopiram, ko će sve ovo pisat a teško se i primijeti na videu haha Very Happy

a dodavala sam slični ali nije upalilo, ali pokušat ću i ovak, hvala za video Wink

Poslao: 09 Jun 2015 13:34
Idi na vrh
offline
  • C# and PHP Developer
  • Pridružio: 16 Feb 2011
  • Poruke: 1630
  • Gde živiš: Pancevo

HTML List - [Link mogu videti samo ulogovani korisnici]

Ako oces gotovo nesto - Superfish ti je ok samo modifikuj CSS

[Link mogu videti samo ulogovani korisnici]

Poslao: 30 Jun 2015 14:42
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

nasy ::o Jarooo , gdje ima cijeli kod da kopiram, ko će sve ovo pisat a teško se i primijeti na videu haha Very Happy

a dodavala sam slični ali nije upalilo, ali pokušat ću i ovak, hvala za video Wink

Probacu kao pocetnik da ti objasnim kod mene fenomenalno radi. Ovo je za bootstrap framework, neznam kako je kod tebe. Ako hoces da radis npr za Medija link
Iskopiraj ovaj kod

  1. <li class="dropdown">
  2.                      <a data-toggle="dropdown" href="#">Voce<b class="caret"></b></a>
  3.                      <ul class="dropdown-menu">
  4.                        <li><a href="#">Malina</a></li>
  5.                        <li><a href="#">Jagoda</a></li>
  6.                        <li><a href="#">Kupina</a></li>
  7.                      </ul>
  8.                   </li>

Ovako izgleda ceo kod
  1. <nav class="navbar navbar-default navbar-fixed-top">
  2.            <div class="container-fluid">
  3.             
  4.             <div class="navbar-header">
  5.               <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  6.                <span class="sr-only">Toggle navigation</span>
  7.                <span class="icon-bar"></span>
  8.                <span class="icon-bar"></span>
  9.                <span class="icon-bar"></span>
  10.               </button>
  11.               <a class="navbar-brand" href="#">bootstrapfruits</a>
  12.             </div>
  13.  
  14.             
  15.             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  16.                  <ul class="nav navbar-nav">
  17.                   <li><a href="#">Home <span class="sr-only">(current)</span></a></li>
  18.                   <li class="dropdown">
  19.                      <a data-toggle="dropdown" href="#">Voce<b class="caret"></b></a>
  20.                      <ul class="dropdown-menu">
  21.                        <li><a href="#">Malina</a></li>
  22.                        <li><a href="#">Jagoda</a></li>
  23.                        <li><a href="#">Kupina</a></li>
  24.                      </ul>
  25.                   </li>                  
  26.                   <li><a href="#">Browse</a></li>   
  27.                   </ul>
  28.              
  29.                <ul class="nav navbar-nav navbar-right">
  30.                   <li><a href="#">Contact</a></li>       
  31.                </ul>
  32.             </div>
  33.            </div>
  34.          </nav>
  35.          
  36.       
Ako hoeces da imas prelepu padajucu listu da se spusta samo prelaskom misa preko menija a da ga ne klikces uradi ovo
Napravi u folderu js fajl koji ces nazvati npr skript.js Otvori ga sa notepad i iskopiraj u njega ovo

  1. $(function() {
  2.    
  3.    //MAKE MENUS DROP AUTOMATICALLUY
  4.    $('ul.nav li.dropdown').hover(function()
  5.    {
  6.       
  7.       $('.dropdown-menu', this).fadeIn();
  8.    }, function() {
  9.       $('.dropdown-menu', this).fadeOut('fast');
  10.    });//hover
  11. });//jquery is loaded

Zatim u svoj index.html ili index.php fajlu ubacis jquery link
  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

ili ga skini odavde
  1. https://jquery.com/
download/ Download the compressed, production jQuery 1.11.3
Taj fajl prebaci u folder js
I dobijes prelep padajuci meni. Ako nije jasno nesto pitaj, odgovoricu kako kod mene radi ako nece. Podrav.

MyCity » Web dizajn / HTML » Kako dodati dropdown podkategorije?

Ko je trenutno na forumu
 

Ukupno su 993 korisnika na forumu :: 63 registrovanih, 6 sakrivenih i 924 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: Abebe Bikila, acatomic, Asteker, Atomski čoban, bigfoot, bobomicek, Boris BM, branko7, Car89, DavidA, debeli, Dekanovic, DJUNTA, Dogma21, Electron, Giro77, Gitzherai, goran.vvv, gregorxix, Heisenberg99, janezek67, jodzula, jon istvan, kokodakalo, ljuba, madza, majstro, marko.markovic, mean_machine, Metanoja, MiG-29M2, mile33, milenko crazy north, Mićko, Myamoto Musashi, nebidrag, nemkea71, nikolapetkovic, pein, Petar888, Pilence, ping15, precan, Prečanin30, reakcija1989, repac, sedan, Shinobi, Sirius, Siti2, stegonosa, strelac07, Tumansky, Velizar Laro, Velički, Vl veliki, Vlad000, vlado_pg, voja64, W123, zlaya011, Zoca, Žoržo