Okomiti izbornik web mjesta vrlo je prikladna funkcija koja pomaže uštedjeti prostor i lako se kretati resursom. Možete ga izraditi na temelju kaskadnih CSS listova stilova ili pomoću posebnih alata.
Upute
Korak 1
Otvorite web mjesto purecssmenu.com i registrirajte se na njemu, inače nećete moći stvoriti i preuzeti stvoreni izbornik. S lijeve strane pronađite gumb Predlošci i kliknite ga. Ispod će biti mali prozori s vertikalnim predlošcima izbornika. Kliknite ih jedan po jedan i pregledajte u prozoru Preview. Odaberite predložak koji najbolje odgovara vašoj web lokaciji.
Korak 2
Postavite font i boju izbornika pomoću kartice Parametri. U polju Font možete odabrati font i njegovu veličinu. Ako je potrebno, navedite podvlačenje / podebljano. Postavite pozadinu (pozadinu) vertikalnog izbornika u polju Boje, postavite boju fonta i boju pozadine na lebdenje (fonthover / backgroundhover).
3. korak
Idite na izbornik Stavke za upravljanje stavkama izbornika. Klikom na gumb Očisti obrisat ćete uzorke stavki tako da možete stvoriti vlastite. Dovoljno je kliknuti tipku AddItem plus da biste dodali stavku na kraj izbornika. Pomoću gumba AddNextItem možete dodati stavku koja će uslijediti nakon trenutno odabranog vremena. Gumb AddSubitem u izborniku stvara ugniježđenu stavku za odabranu. Da biste uklonili liniju, upotrijebite gumb RemoveItem.
4. korak
Otvorite parametre stavke (ItemParameters) na dnu web stranice. Unesite naziv stavke izbornika u redak Tekst, a njezinu web adresu u Link. Redak Savjet odgovoran je za opis stavke, prikazan kada se pokazivač zadrži iznad veze. Odjeljak Cilj definira način otvaranja stranice. Pomoću parametra _self stranica se može konfigurirati tako da se otvara u trenutnom prozoru preglednika.
Korak 5
Preuzmite gotov izbornik klikom na gumb Preuzmi na dnu stranice. Kopirajte odgovarajući kôd koji se nalazi u datoteci purecssmenu.html u CSS datoteku predloška: na početku i na kraju. Obavezno zalijepite točan kod i spremite datoteku.
