Menu Hover

E aew galera vou postar um tuto de como colocar o Menu Hover, pois bem vamo lá:

Vá em Editar HTML, e procure pela tag:

]]></b:skin

E adicione o seguinte código acima dessa tag:

/* Menu Hover ----------------------------------------------- */ #menux ul { list-style: none; margin: 5px 0px 0px 10px;; padding: 0; border: none; } #menux li a { height: 21px; display: block; padding: 2px 5px 5px 16px; background: url(URL DA IMAGEM NORMAL) no-repeat; color: #343434; text-shadow: #fff 1px 1px 0; font-weight: normal; text-decoration: none; width: 197px; } #menux li a:hover { background: url(URL DA IMAGEM HOVER) no-repeat; color: #fff; text-shadow: #343434 1px 1px 0; }
Use as margins para posicionar a imagem e o link. Coloque uma imagem em Background. Edite as cores do shadow e sua sombra. Edite as cores dos links normal e hover.

No Gadget você adiciona o seguinte código:

<div id="menux"> <ul><li><a href="URL do link">Test</a></li> </ul></div>
Créditos: Design Famytsu, desenvolvido por: Kyo