Navpični spustni meni je zelo priročen - prihrani prostor na spletni strani, hkrati pa pripomore k lažjemu krmarjenju po spletnem mestu. Poskusite narediti spustni meni, ki temelji na CSS - Cascading Style Sheets. Če še niste strokovnjak za ustvarjanje kode CSS, uporabite storitev purecssmenu.com. Izbrati morate vrsto menija, prilagoditi njegov videz in ga nato prilagoditi svojemu spletnemu mestu. Storitev bo sama ustvarila potrebno kodo, ki jo nato vstavite v datoteke spletnega mesta.
Navodila
Korak 1
Registrirajte se na spletnem mestu purecssmenu.com, sicer ustvarjenega menija ne boste mogli prenesti. Kliknite gumb Predloge na levi strani. Spodaj boste videli več majhnih oken s spustnimi predlogami menija, s klikom na katerega se bo na desni strani v oknu za predogled naložil predogled. Izberite predlogo, ki ustreza vašemu spletnemu mestu
2. korak
Prilagodite pisavo in barvo menija: uporabite zavihek Parametri. V polju Pisava izberite pisavo, po potrebi velikost pisave, podčrtaj in krepko. V polju Barve nastavite ozadje menija, barvo pisave ter barve lebdenja in lebdenja ozadja
3. korak
Odprite zavihek Elementi za upravljanje elementov menija. Če kliknete gumb Počisti koš za smeti, se vzorčni elementi počistijo in lahko ustvarite svojega. Za to pritisnite gumb Dodaj element plus - element bo dodan na konec menija. Gumb Dodaj naslednji element se uporablja za dodajanje elementa po trenutno izbranem času. Gumb Add Subitem ustvari element podmenija za izbiro. Če želite element odstraniti, uporabite gumb Odstrani element
4. korak
Bodite pozorni na polje Parametri artikla na dnu strani. V vrstici Besedilo določite ime elementa v meniju, v vrstici Povezava - URL strani, do katere bo ta element vodil. V vrstici Nasvet lahko pustite opis predmeta, ki se prikaže, ko premaknete miškin kazalec nad povezavo. Ciljna vrstica se uporablja za določanje načina odpiranja strani, do katere vodi povezava. Parameter _self v tej vrstici odpre stran v istem oknu brskalnika kot trenutni
5. korak
Po končani nastavitvi menija ga prenesite - v spodnjem desnem kotu strani kliknite gumb Prenesi (ta funkcija je na voljo po registraciji na spletnem mestu). Na trdem disku izberite mapo, kamor bo shranjena arhivska datoteka. Razpakiraj ga. Zahtevano kodo boste morali kopirati iz datoteke purecssmenu.html v datoteko predloge CSS spletnega mesta. Datoteko purecssmenu.html odprite z urejevalnikom besedil in prekopirajte kodo med oznakama in v predlogo CSS spletnega mesta (ta datoteka ima končnico.css in izgleda nekako kot file.css). Zdaj prilepite kodo v datoteko predloge spletnega mesta (teme) - kodo iz purecssmenu.html med komentarje in namesto običajne kode menija. Če želite to narediti, morate biti vsaj malo seznanjeni s programiranjem. Kodo prilepite v pravilno datoteko in jo shranite.
