Vertikálna rozbaľovacia ponuka je veľmi praktická - šetrí miesto na webovej stránke a zároveň pomáha pri ľahkej navigácii na webe. Pokúste sa vytvoriť rozbaľovaciu ponuku založenú na CSS - kaskádových štýloch. Ak ešte nie ste odborníkom na vytváranie CSS kódu, použite službu purecssmenu.com. Musíte vybrať typ ponuky, prispôsobiť jej vzhľad a potom ju prispôsobiť svojej vlastnej stránke. Samotná služba vygeneruje potrebný kód, ktorý potom vložíte do súborov na vašom webe.
Inštrukcie
Krok 1
Zaregistrujte sa na webovej stránke purecssmenu.com, inak si vytvorené menu nebudete môcť stiahnuť. Kliknite na tlačidlo Šablóny v ľavej časti stránky. Nižšie uvidíte niekoľko malých okien so šablónami rozbaľovacej ponuky, kliknutím na ktoré sa načíta ukážka vpravo v okne Náhľad. Vyberte si šablónu, ktorá vyhovuje vášmu miestu
Krok 2
Prispôsobte písmo a farbu ponuky: použite kartu Parametre. V poli Písmo vyberte písmo, veľkosť písma, ak je to potrebné, podčiarknuté a tučné. V poli Farby nastavte pozadie ponuky, farbu písma a farby kurzora a pozadia kurzora
Krok 3
Ak chcete spravovať položky ponuky, otvorte kartu Položky. Ak kliknete na tlačidlo Vymazať kôš, vzorové položky sa vymažú a môžete si vytvoriť svoj vlastný. Ak to chcete urobiť, stlačte tlačidlo Pridať položku plus - položka sa pridá na koniec ponuky. Tlačidlo Pridať ďalšiu položku sa používa na pridanie položky po aktuálne zvolenom čase. Tlačidlo Pridať podradenú položku vytvára položku podponuky pre výber. Na odstránenie položky teda použite tlačidlo Odstrániť položku
Krok 4
Venujte pozornosť poľu Parametre položky v dolnej časti stránky. V riadku Text zadajte názov položky ponuky, v riadku Odkaz - adresu URL stránky, na ktorú bude táto položka viesť. V riadku Tip môžete nechať popis položky, ktorý sa zobrazí, keď umiestnite kurzor myši na odkaz. Riadok Cieľ sa používa na určenie spôsobu otvorenia stránky, na ktorú odkaz vedie. Parameter _self na tomto riadku otvorí stránku v rovnakom okne prehliadača ako aktuálne
Krok 5
Po dokončení nastavenia ponuky si ju stiahnite - kliknite na tlačidlo Stiahnuť v pravom dolnom rohu stránky (táto funkcia je k dispozícii po registrácii na webe). Vyberte priečinok na pevnom disku, do ktorého sa uloží archívny súbor. Rozbaľ to. Budete musieť skopírovať požadovaný kód zo súboru purecssmenu.html do súboru šablón CSS vášho webu. Otvorte súbor purecssmenu.html v textovom editore a skopírujte kód medzi značkami a do šablóny CSS vášho webu (tento súbor má príponu.css a vyzerá ako súbor.css). Teraz vložte kód do súboru šablóny (témy) svojej stránky - kód z purecssmenu.html medzi komentáre a namiesto bežného kódu ponuky. Aby ste to dosiahli, musíte byť aspoň trochu oboznámení s programovaním. Nezabudnite vložiť kód do správneho súboru a uložiť.
