Vertikální rozevírací nabídka je velmi praktická - šetří místo na webové stránce a zároveň pomáhá snadno procházet web. Zkuste vytvořit rozevírací nabídku založenou na CSS - kaskádové styly. Pokud ještě nejste odborníkem na vytváření kódu CSS, použijte službu purecssmenu.com. Je třeba vybrat typ nabídky, přizpůsobit její vzhled a poté ji přizpůsobit vašemu vlastnímu webu. Samotná služba vygeneruje potřebný kód, který poté vložíte do souborů svého webu.
Instrukce
Krok 1
Zaregistrujte se na webu purecssmenu.com, jinak si vytvořenou nabídku nebudete moci stáhnout. Klikněte na tlačítko Šablony v levé části stránky. Níže uvidíte několik malých oken se šablonami rozevírací nabídky, kliknutím na které se načte náhled vpravo v okně náhledu. Vyberte šablonu, která vyhovuje vašemu webu
Krok 2
Přizpůsobte písmo a barvu nabídky: použijte kartu Parametry. V poli Písmo vyberte písmo, velikost písma, v případě potřeby podtržené a tučně. V poli Barvy nastavte pozadí nabídky, barvu písma a kurzor myši a barvy při přechodu pozadí
Krok 3
Chcete-li spravovat položky nabídky, otevřete kartu Položky. Pokud kliknete na tlačítko Vymazat koš, vzorové položky se vymažou a můžete si vytvořit vlastní. Chcete-li to provést, stiskněte tlačítko Přidat položku plus - položka bude přidána na konec nabídky. Tlačítko Přidat další položku se používá k přidání položky následující po aktuálně vybraném čase. Tlačítko Přidat dílčí položku vytvoří položku podnabídky pro výběr. Podle toho můžete k odebrání položky použít tlačítko Odebrat položku
Krok 4
Věnujte pozornost poli Parametry položky ve spodní části webu. V řádku Text zadejte název položky nabídky, v řádku Odkaz - adresa URL stránky, na kterou bude tato položka směřovat. V řádku Tip můžete zanechat popis položky, který se zobrazí, když umístíte ukazatel myši na odkaz. Řádek Cíl se používá k určení způsobu otevření stránky, na kterou odkaz vede. Parametr _self na tomto řádku otevře stránku ve stejném okně prohlížeče jako aktuální
Krok 5
Po dokončení nastavení nabídky si ji stáhněte - klikněte na tlačítko Stáhnout v pravém dolním rohu stránky (tato funkce je k dispozici po registraci na webu). Vyberte složku na pevném disku, kam se uloží archivní soubor. Vybalte to. Budete muset zkopírovat požadovaný kód ze souboru purecssmenu.html do souboru šablony CSS vašeho webu. Otevřete soubor purecssmenu.html pomocí textového editoru a zkopírujte kód mezi značkami a do šablony CSS vašeho webu (tento soubor má příponu.css a vypadá podobně jako file.css). Nyní vložte kód do souboru šablony (motivu) vašeho webu - kód z purecssmenu.html mezi komentáře a místo běžného kódu nabídky. Abyste to mohli udělat, musíte být alespoň trochu obeznámeni s programováním. Nezapomeňte kód vložit do správného souboru a uložit.
