Kuidas Teha Veebisaidile Vertikaalset Menüüd

Sisukord:

Kuidas Teha Veebisaidile Vertikaalset Menüüd
Kuidas Teha Veebisaidile Vertikaalset Menüüd

Video: Kuidas Teha Veebisaidile Vertikaalset Menüüd

Video: Kuidas Teha Veebisaidile Vertikaalset Menüüd
Video: Kodulehe Tegemine | Kuidas teha ise koduleht Wordpressis? 2024, November
Anonim

Saidi vertikaalne menüü on väga mugav funktsioon, mis aitab säästa ruumi ja hõlpsalt ressursis navigeerida. Selle saate teha kaskaadsete CSS-i stiililehtede põhjal või spetsiaalsete tööriistade abil.

Kuidas teha veebisaidile vertikaalset menüüd
Kuidas teha veebisaidile vertikaalset menüüd

Juhised

Samm 1

Avage purecssmenu.com veebisait ja registreeruge sellel, vastasel juhul ei saa te loodud menüüd luua ega alla laadida. Vasakul küljel leidke nupp Mallid ja klõpsake seda. Allpool on väikesed vertikaalsete menüümallidega aknad. Klõpsake neid ükshaaval ja vaadake aknas Eelvaade. Valige teie saidile kõige paremini sobiv mall.

2. samm

Parameetrite vahekaardi abil saate määrata menüü fondi ja värvi. Väljal Font saate valida fondi ja selle suuruse. Vajadusel määrake allajoonimine / paksus kirjas Pange vertikaalse menüü taust (taust) väljale Värvid, määrake hõljutatud fondi ja taustavärvi värv (fonthover / backgroundhover).

3. samm

Menüüelementide haldamiseks minge menüüsse Üksused. Klõpsates nupul Kustuta, tühjendatakse näidisüksused, et saaksite oma luua. Üksuse lisamiseks menüü lõppu piisab, kui klõpsate nupul AddItem plus. Nupu AddNextItem abil saate lisada üksuse, mis järgneb pärast praegu valitud aega. Menüüs olev nupp AddSubitem loob valitud elemendi jaoks pesastatud üksuse. Rea eemaldamiseks kasutage nuppu RemoveItem.

4. samm

Avage saidi allservas üksuse parameetrid (ItemParameters). Sisestage reale Tekst menüüelemendi nimi ja lingile selle veebiaadress. Rida Näpunäide vastutab üksuse kirjelduse eest, mis kuvatakse siis, kui kursor hõljub lingi kohal. Jaotis Siht määratleb lehe avamise viisi. Parameetri _self abil saab lehe konfigureerida avanema praeguses brauseriaknas.

5. samm

Laadige alla menüü, klõpsates lehe allosas nuppu Laadi alla. Kopeerige purecssmenu.html-failis asuv vastav kood CSS-i mallifaili: alguses ja lõpus. Kleepige kindlasti õige kood ja salvestage fail.

Soovitan: