Como alterar a cor de fundo da barra de menus do Spry

O Adobe Dreamweaver vem com o Spry, um gerenciamento integrado para a estrutura do Ajax. O Spry permite inserir menus dinâmicos, calendários e outros conteúdos capazes de interagir com outros elementos da página. Uma barra de menus do Spry inserida no Dreamweaver pode ser personalizada em tamanho, função e aparência usando uma folha de estilos em cascata. Algumas mudanças simples no arquivo CSS mudarão a cor de fundo da sua barra de menus.

Passo 1

Abra o arquivo CSS associado à sua barra de menus do Spry. “SpryMenuBarHorizontal.css” corresponde a um menu horizontal, enquanto “SpryMenuBarVertical.css” pertence aos menus verticais.

Etapa 2

Role até “ul.MenuBarHorizontal a” e encontre a variável “cor de fundo”. Exclua o valor atual e escreva a cor base desejada.

Etapa 3

Passe o dedo para “ul.MenuBarHorizontal para: passar o mouse, ul.MenuBarHorizontal para: foco” e substitua a cor atual do plano de fundo pela cor desejada ao passar o mouse.

Etapa 4

Localize “ul.MenuBarHorizontal a.MenuBarItemHover” e substitua a cor de plano de fundo atual pela cor de submenu desejada.

Etapa 5

Role até as configurações do submenu, localize “ul.MenuBarHorizontal a.MenuBarItemSubmenu” e substitua o valor da cor de fundo pela cor desejada do submenu.

Etapa 6

Localize “ul.MenuBarHorizontal ul a.MenuBarItemSubmenu” e substitua o valor da cor de plano de fundo pela cor desejada.

Etapa 7

Role até “ul.MenuBarHorizontal ul a.MenuBarSubMenuColor” e defina a cor de plano de fundo para qualquer submenu aninhado.

Etapa 8

Salve o arquivo CSS. As alterações de cores serão aplicadas automaticamente à página principal.

 

Você pode estar interessado:

Deixe um comentário