Okomiti padajući izbornik vrlo je zgodan - štedi prostor na web stranici, a istovremeno pomaže u jednostavnoj navigaciji web stranicom. Pokušajte napraviti padajući izbornik zasnovan na CSS - Cascading Style Sheets. Ako još niste stručnjak za izradu CSS koda, upotrijebite uslugu purecssmenu.com. Morate odabrati vrstu izbornika, prilagoditi njegov izgled, a zatim ga prilagoditi vlastitom mjestu. Sama usluga generirat će potreban kôd koji zatim umetnete u datoteke web mjesta.
Upute
Korak 1
Registrirajte se na web mjestu purecssmenu.com, inače nećete moći preuzeti kreirani izbornik. Kliknite gumb Predlošci na lijevoj strani stranice. Ispod ćete vidjeti nekoliko malih prozora s predlošcima padajućeg izbornika, klikom na koji ćete učitati pregled s desne strane u prozoru Preview. Odaberite predložak koji odgovara vašoj web lokaciji
Korak 2
Prilagodite font i boju izbornika: upotrijebite karticu Parametri. U polju Font odaberite font, veličinu fonta, po potrebi podvucite i podebljajte. U polju Boje postavite pozadinu izbornika, boju fonta i boje lebdenja i boje pozadine
3. korak
Otvorite karticu Stavke za upravljanje stavkama izbornika. Ako kliknete gumb Očisti koš za smeće, uzorci stavki se brišu i možete stvoriti vlastiti. Da biste to učinili, pritisnite gumb Dodaj stavku plus - stavka će se dodati na kraj izbornika. Gumb Dodaj sljedeću stavku koristi se za dodavanje stavke nakon trenutno odabranog vremena. Gumb Dodaj podbroj stvara stavku podizbornika za odabir. Sukladno tome, da biste uklonili stavku, upotrijebite gumb Ukloni stavku
4. korak
Obratite pažnju na polje Parametri predmeta na dnu stranice. U retku Tekst navedite naziv stavke izbornika, u retku Veza - url stranice do koje će ova stavka voditi. U retku Savjet možete ostaviti opis stavke koji će se prikazati kad zadržite pokazivač iznad veze. Ciljna crta koristi se za određivanje načina otvaranja stranice do koje vodi veza. Parametar _self u ovom retku otvara stranicu u istom prozoru preglednika kao i trenutni
Korak 5
Nakon završetka postavljanja izbornika, preuzmite ga - kliknite gumb Preuzmi u donjem desnom dijelu stranice (ova je funkcija dostupna nakon registracije na web mjestu). Odaberite mapu na tvrdom disku u koju će se spremati arhivska datoteka. Raspakirajte ga. Trebat ćete kopirati traženi kôd iz datoteke purecssmenu.html u CSS datoteku CSS predloška. Otvorite datoteku purecssmenu.html pomoću uređivača teksta i kopirajte kôd između oznaka i u CSS predložak web lokacije (ova datoteka ima.css nastavak i izgleda nekako poput file.css). Sada zalijepite kôd u datoteku predloška web stranice (teme) - kôd iz purecssmenu.html između komentara i umjesto uobičajenog koda izbornika. Da biste to učinili, morate biti barem malo upoznati s programiranjem. Pripazite da zalijepite kod u ispravnu datoteku i spremite.
