Okomiti izbornik web stranice vrlo je prikladna funkcija koja pomaže uštedjeti prostor i lako se kretati resursom. Možete ga izraditi na osnovu kaskadnih CSS listova stilova ili pomoću posebnih alata.
Instrukcije
Korak 1
Otvorite web stranicu purecssmenu.com i registrirajte se na njemu, inače nećete moći kreirati i preuzeti kreirani meni. 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 pogledajte 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 menija u polju Boje, postavite boju fonta i boju pozadine na lebdenje (fonthover / backgroundhover).
Korak 3
Idite na izbornik Stavke za upravljanje stavkama u meniju. Klikom na dugme Očisti obrisat ćete uzorke stavki tako da možete kreirati 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, koristite gumb RemoveItem.
Korak 4
Otvorite parametre stavke (ItemParameters) na dnu stranice. Unesite ime 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 kako se stranica otvara. Pomoću parametra _self stranica se može konfigurirati tako da se otvara u trenutnom prozoru preglednika.
Korak 5
Preuzmite gotov meni klikom na gumb Preuzmi na dnu stranice. Kopirajte odgovarajući kod koji se nalazi u datoteci purecssmenu.html u CSS datoteku predloška: na početku i na kraju. Obavezno zalijepite ispravan kod i spremite datoteku.
