Come cambiare il colore di sfondo della barra dei menu Spry

Le impostazioni CSS controllano l'aspetto e la sensazione delle barre dei menu Spry.

Passaggio 1

Apri il file CSS associato alla barra dei menu di Spry. "SpryMenuBarHorizontal.css" corrisponde a un menu orizzontale, mentre "SpryMenuBarVertical.css" appartiene ai menu verticali.

Passaggio 2

Scorri fino a "ul.MenuBarHorizontal to" e trova la variabile "background-color" (colore di sfondo). Elimina il valore corrente e scrivi il colore di base desiderato.

Passaggio 3

Scorri fino a "ul.MenuBarHorizontal a: hover, ul.MenuBarHorizontal to: focus" e sostituisci il colore di sfondo corrente con il colore desiderato quando passi il mouse.

Passaggio 4

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

Passaggio 5

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

Passaggio 6

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

Passaggio 7

Scorrere fino a "ul.MenuBarHorizontal ul a.MenuBarSubMenuColor" e impostare il colore di sfondo per qualsiasi sottomenu annidato.

Passaggio 8

Salva il file CSS. Le modifiche al colore verranno applicate automaticamente alla pagina principale.