Yshopnoosa.com

Hur anpassar jag en vertikal Spry undermeny?

Hur anpassar jag en vertikal Spry undermeny?

I samband med Adobe Dreamweaver webbutvecklingsmiljö ger en Spry-menyrad ett enkelt sätt att lägga till en meny som successivt filialer till ytterligare nivåer beroende på alternativ som användaren har valt hittills. Spry menyrader genomförs i slutändan av JavaScript-kod i den inbyggda Spry Framework för Ajax, levereras tillsammans med Dreamweaver. Spry menyrader kan vara vågrät eller lodrät.

Instruktioner

1 Spara dokumentet innan du sätter in en ny Spry-meny. Dreamweaver tillåter inte dig att infoga en ny Spry-menyn på din sida om du inte sparar dokumentet som redan är öppen, eller du börjar arbeta på ett alldeles nytt dokument.

2 Välj där den nya vertikala Spry-menyn kommer att vara genom att klicka på dokumentet. Välj "Infoga" på menyn "Windows". Klicka på fliken "Spry" Välj "vertikal" för en vertikal meny, klicka på "OK".

3 Spara dokumentet på denna punkt. Dreamweaver sparar automatiskt all kod du genererade hittills, plus JavaScript från biblioteken behövs för att stödja den nya Spry-menyn.

4 Välj den meny du just skapade genom att klicka på den nya bar ikonen betitlat "Spry-menyrad."

5 Anpassa posterna i Spry-menyn och undermenyerna genom att ändra namnet på varje post och underpost. Som standard Dreamweaver visar poster som "Punkt 1" "Punkt 2" osv.; Det kommer också att Visa underordnade poster som "Punkt 1.1" och så vidare.

6 Anpassa textegenskaper i spry-menyn och undermenyerna. Som standard kopierar Dreamweaver egenskaper texten som används för spry-menyn (teckensnitt, storlek, vikt, stil) från element kring spry menyn på webbsidan vid tiden för dess tillkomst. Om du vill ändra dem, klicka på "CSS stilar," sedan på "SpryMenuBarVertical.css" filen. Ange sedan "ul. MenuBarVertical"stil att parametrarna som krävs för den text som du vill. Detta inkluderar inte färgen på texten.

7 Anpassa färgerna i Spry-menyn och undermenyerna. Menyval har två uppsättningar av färgen förknippas med dem: en när musen svävar över dem (dvs "rollover-färg") och en när det inte är. Om du vill ändra färger, ändra CSS parametrarna som i steg 6: du kan ange rollover färgerna genom att ändra "ul. MenuBarVertical a.MenuBarItemHover"stil parametrar, och du kan ändra de vanliga färgerna genom att ändra"ul. MenuBarVertical"stil parametrar.