Vertikálne menu pre web je veľmi pohodlná funkcia, ktorá pomáha šetriť miesto a ľahko sa orientuje v zdroji. Môžete ho vytvoriť na základe kaskádových šablón štýlov CSS alebo pomocou špeciálnych nástrojov.
Inštrukcie
Krok 1
Otvorte web purecssmenu.com a zaregistrujte sa na ňom, inak nebudete môcť vytvoriť a stiahnuť vytvorené menu. Na ľavej strane nájdite tlačidlo Šablóny a kliknite naň. Dole budú malé okná so zvislými šablónami ponúk. Kliknite na ne jeden po druhom a zobrazte ich v okne Náhľad. Vyberte šablónu, ktorá najlepšie vyhovuje vášmu webu.
Krok 2
Písmo a farbu ponuky nastavíte na karte Parametre. V poli Písmo môžete vybrať písmo a jeho veľkosť. Ak je to potrebné, uveďte podčiarknuté / tučné písmo. Nastaviť pozadie (pozadie) vertikálnej ponuky v poli Farby, nastaviť farbu písma a farbu pozadia pri umiestnení kurzora myši (fonthover / backgroundhover).
Krok 3
Prejdite do ponuky Položky a spravujte položky ponuky. Kliknutím na tlačidlo Vymazať vymažete vzorové položky, aby ste si mohli vytvoriť svoj vlastný. Na pridanie položky na koniec ponuky stačí kliknúť na kláves AddItem plus. Pomocou tlačidla AddNextItem môžete pridať položku, ktorá bude nasledovať po aktuálne vybranom čase. Tlačidlo AddSubitem v ponuke vytvorí vnorenú položku pre vybranú položku. Ak chcete riadok odstrániť, použite tlačidlo RemoveItem.
Krok 4
V dolnej časti stránky otvorte parametre položky (ItemParameters). Zadajte názov položky ponuky do textového riadku a jej webovú adresu do poľa Odkaz. Za popis položky zodpovedá riadok Tip, ktorý sa zobrazuje, keď kurzor myši prejde na odkaz. Sekcia Cieľ definuje, ako sa stránka otvorí. Pomocou parametra _self možno stránku nakonfigurovať tak, aby sa otvárala v aktuálnom okne prehliadača.
Krok 5
Hotové menu si stiahnete kliknutím na tlačidlo Stiahnuť v dolnej časti stránky. Skopírujte zodpovedajúci kód umiestnený v súbore purecssmenu.html do súboru šablón CSS: na začiatku a na konci. Nezabudnite vložiť správny kód a súbor uložiť.
