Okomiti padajući izbornik je vrlo 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, tada koristite uslugu purecssmenu.com. Morate odabrati vrstu izbornika, prilagoditi njegov izgled, a zatim ga prilagoditi svojoj web lokaciji. Sama usluga će generirati potreban kôd koji zatim umetnete u datoteke svoje web lokacije.
Instrukcije
Korak 1
Registrirajte se na web stranici purecssmenu.com, u suprotnom nećete moći preuzeti kreirani meni. 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: koristite 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
Korak 3
Otvorite karticu Stavke za upravljanje stavkama u meniju. Ako kliknete gumb Očisti koš za smeće, uzorci stavki se brišu i možete kreirati vlastiti. Da biste to učinili, pritisnite gumb Dodaj stavku plus - stavka će biti dodana na kraj izbornika. Dugme Dodaj sljedeću stavku koristi se za dodavanje stavke nakon trenutno odabranog vremena. Dugme Dodaj podbroj stvara stavku podmenija za odabir. U skladu s tim, da biste uklonili stavku, koristite gumb Ukloni stavku
Korak 4
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 kada zadržite pokazivač iznad veze. Linija Ciljanje 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 funkcija je dostupna nakon registracije na web mjestu). Odaberite mapu na tvrdom disku u koju će se sačuvati arhivska datoteka. Otpakujte ga. Trebat ćete kopirati potreban kod iz datoteke purecssmenu.html u CSS datoteku CSS predloška. Otvorite datoteku purecssmenu.html pomoću uređivača teksta i kopirajte kod između oznaka i u CSS predložak vaše web lokacije (ova datoteka ima.css ekstenziju i izgleda nekako poput file.css). Sada zalijepite kod u datoteku predloška web stranice (teme) - kod iz purecssmenu.html između komentara i umjesto uobičajenog koda izbornika. Da biste to učinili, morate biti barem malo upoznati s programiranjem. Obavezno zalijepite kod u ispravnu datoteku i spremite.
