Come modificare il colore di sfondo di Spry barra dei menu

July 3

Come modificare il colore di sfondo di Spry barra dei menu


Adobe Dreamweaver viene fornita di serie con Spry, una gestione integrata per il quadro Ajax. Spry dà la possibilità di inserire menu dinamici, calendari e altri contenuti capaci di interagire con gli altri elementi della pagina. Una barra dei menu Spry inserita tramite Dreamweaver può essere personalizzato in termini di dimensioni, funzione e l'aspetto utilizzando un foglio di stile CSS. Pochi semplici modifiche al file CSS cambierà il colore della barra dei menu Spry sfondo.

istruzione

1 Aprire il file CSS associato alla barra dei menu Spry. "SpryMenuBarHorizontal.css" corrisponde ad un menu orizzontale, mentre "SpryMenuBarVertical.css" riguarda i menu verticali.

2 Scorrere fino a "ul.MenuBarHorizontal a" e trovare il tag "background-color". Cancellare il valore corrente e digitare il colore di base desiderato.

3 Scorrere fino a "ul.MenuBarHorizontal a: hover, ul.MenuBarHorizontal una: Focus" e sostituire il colore di sfondo corrente con il colore del mouse-over desiderato.

4 Trova "ul.MenuBarHorizontal a.MenuBarItemHover" e sostituire il colore di sfondo corrente con il colore sottomenu desiderato.

5 Scorrere fino alle impostazioni di sottomenu, quindi trovare "ul.MenuBarHorizontal a.MenuBarItemSubmenu" e sostituire il valore del colore di sfondo con il colore sottomenu desiderato.

6 Trova "ul.MenuBarHorizontal ul a.MenuBarItemSubmenu" e sostituire il valore del colore di sfondo con il colore desiderato.

7 Scorrere fino a "ul.MenuBarHorizontal ul a.MenuBarSubMenuColor" e impostare il colore di sfondo per qualsiasi sottomenù annidati.

8 Salvare il file CSS. I cambiamenti di colore si applicheranno automaticamente alla pagina principale.

Consigli e avvertenze

  • Sostituire "MenuBarHorizontal" con il tipo specifico di menù che si sta utilizzando.