Vertikální nabídka pro web je velmi pohodlná funkce, která pomáhá šetřit místo a snadno se orientuje ve zdroji. Můžete jej vytvořit na základě kaskádových šablon stylů CSS nebo pomocí speciálních nástrojů.
Instrukce
Krok 1
Otevřete web purecssmenu.com a zaregistrujte se na něm, jinak nebudete moci vytvořit a stáhnout vytvořené menu. Na levé straně najděte tlačítko Šablony a klikněte na něj. Níže budou malá okna se svislými šablonami nabídek. Klikněte na ně jeden po druhém a zobrazte je v okně Náhled. Vyberte šablonu, která nejlépe vyhovuje vašemu webu.
Krok 2
Nastavte písmo a barvu nabídky pomocí karty Parametry. V poli Písmo můžete vybrat písmo a jeho velikost. V případě potřeby zadejte podtržení / tučné písmo. Nastavte pozadí (pozadí) svislé nabídky v poli Barvy, nastavte barvu písma a barvu pozadí při přechodu myší (fonthover / backgroundhover).
Krok 3
Chcete-li spravovat položky nabídky, přejděte do nabídky Položky. Kliknutím na tlačítko Vymazat vymažete ukázkové položky, abyste si mohli vytvořit vlastní. K přidání položky na konec nabídky stačí kliknout na klávesu AddItem plus. Pomocí tlačítka AddNextItem můžete přidat položku, která bude následovat po aktuálně vybraném čase. Tlačítko AddSubitem v nabídce vytvoří vnořenou položku pro vybranou položku. Chcete-li řádek odebrat, použijte tlačítko RemoveItem.
Krok 4
Ve spodní části webu otevřete parametry položky (ItemParameters). Zadejte název položky nabídky do textového řádku a její webovou adresu do odkazu. Řádek Tip odpovídá za popis položky, který se zobrazí, když kurzor umístíte na odkaz. Sekce Cíl definuje, jak se stránka otevře. Pomocí parametru _self lze stránku nakonfigurovat tak, aby se otevřela v aktuálním okně prohlížeče.
Krok 5
Stáhněte si hotovou nabídku kliknutím na tlačítko Stáhnout ve spodní části stránky. Zkopírujte odpovídající kód umístěný v souboru purecssmenu.html do souboru šablony CSS: na začátku a na konci. Nezapomeňte vložit správný kód a soubor uložit.
