vytváření pruhů nabídek pomocí Spry
když se ukazatel myši vznáší nad panelem nabídek, objeví se podnabídka. Menu barsallow pro mnoho možností menu, které mají být přístupné z čistého, přehledné mainmenu. Interaktivita, kterou poskytují, když návštěvník pohybuje ukazatelem myšipřes možnost nabídky přidá dynamický prvek na webovou stránku.
panel nabídek widgety mohou být horizontální nebo vertikální:
- svislé lišty nabídek jsou obvykle zarovnány v rámečku, sloupci tabulky nebo jiných objektech rozvržení (například DIV nebo AP DIV) na levé straně stránky.
- vodorovné pruhy nabídek jsou obvykle zarovnány v horní části stránky a mohou být umístěny tam, aniž by byly vloženy do objektu rozvržení.
Spry widget pro vkládání widgetů panelu nabídek umožňuje generovat nabídky se dvěma úrovněmi podnabídek. Proto může uživatel kliknout na možnost nabídky, vidětpodmenu s novou sadou možností, vybrat jednu z těchto možností a vybrat z druhé podnabídky.
Chcete-li vygenerovat widget panelu nabídek, postupujte takto:
- uložte stránku, do které bude widget vložen.
- Zvolte Vložit > Spry > Spry Panel Nabídek. Když se objeví dialogové okno panelu nabídek Spry, Zvolte horizontální nebo vertikální formát.
- po vygenerování widgetu panelu nabídek můžete v inspektoru vlastností definovat některé základní vlastnosti panelu nabídek. Vyberte položky nabídky nebo položky podnabídky nalevá strana inspektora vlastností; poté je upravte podle potřeby (Viz Obrázek4):
- do textového pole zadejte text, který se objeví v nabídce.
- do pole Odkaz zadejte odkaz, který se otevře, když je položkaclicked.
- do pole Název zadejte text usnadnění přístupu, který se zobrazí Vokno prohlížeče, když uživatel přejede kurzorem myši nad možnost nabídky.
- ponechte cílové pole prázdné pro otevření odkazu ve stejném okně prohlížeče, orter _blank pro otevření odkazu v novém okně prohlížeče.
- pomocí tlačítek plus ( + ) a mínus ( – ) nad sloupci nabídky nebo podnabídky (orsub-podnabídka) přidejte nebo odstraňte nové položky nabídky. Pomocí tlačítek Přesunout položku nahoru a přesunout položku dolů podle potřeby změnit pořadí položek nabídky.
obrázek 4 Definováníúrovně možností panelu nabídek v inspektoru vlastností.
když vytvoříte nebo vyberete widget panelu nabídek, objeví se v inspektoru vlastností tlačítko Vypnout styly. Vypnutí stylů nemá vliv na to, jak je styl vykreslen v prohlížeči, ale spíše vypne formátování v okně Documentwindow. Formátování různých vlastností panelu nabídek můžete upravit jakovybrané lišty nabídek pomocí panelu stylů CSS.
každý panel nabídek generuje alespoň tucet stylů CSS. Většina z těchto CSSstyles definovat umístění a velikost menu a podnabídky, které se objeví, když auser pohybuje ukazatel myši nad možností nabídky. Výchozí umístění těchto nabídek je obvykle v pořádku a není třeba je upravovat. Můžete vytvořit přizpůsobený panel nabídek definováním vlastních odkazů a textu a dát mu adistinctive formát přizpůsobením barev textu a pozadí.
některé možnosti stylů CSS ovládají relativně nenápadné prvky panelu nabídek,ale všechny je lze upravovat v panelu stylů CSS. Chcete-li upravitstyly spojené s widgetem panelu nabídek, rozbalte Sprymenubarhorizontalzobrazit seznam stylů tříd spojených s tímto stylem. Výběr jednoho z těchto stylů tříd v horní části panelu stylů CSS umožňuje editovatproperties pro tento styl v dolní polovině panelu stylů CSS.
Chcete-li změnit barvu pozadí nebo textu pro lištu nabídek, vyberte styleul.MenuBarHorizontal a (pro vertikální panel nabídek, ul.MenuBarVertical a). Pomocístyl vybraný v panelu stylů CSS použijte vzorník barvy pozadí v dolní polovině panelu stylů CSS a vyberte novou barvu pozadí apoužijte vzorník barev pro změnu barvy písma (viz obrázek 5).
obrázek 5 Změna barvy textu pro lištu nabídek.
další možností je změnit barvu pozadí a textu volby nabídky vznášející se nadhorizontální pomocí těchto položek:
- ul.MenuBarHorizontal a. MenuBarItemHover
- ul.MenuBarHorizontal a. MenuBarItemSubmenuHover
- ul.MenuBarHorizontal a. MenuBarSubmenuVisible
styl pro svislé lišty nabídek je podobný, ale s vertikální na místěhorizontal v názvu stylu.
jak jste začali vidět, Spry menu bary nabízejí mnoho, manycustomizable prvky. Pro dosažení nejlepších výsledků experimentujte. V podstatě upravujete obsah pruhů nabídek buď v inspektoru vlastností, nebo výběrem jednoho z množství generovaných stylů CSS a jeho úpravou v panelu stylů CSS.
dobře, teď jsi na to sám! Bavte se s těmito a dalšími Sprywidgets. A nezapomeňte zůstat v kontaktu a dejte mi vědět, jak fungují na vašich stránkách.