Acima do código Adicione o código abaixo:
#menuhover ul {
list-style: none;
margin: 0px 0px 0px 0px;;
padding: 0;
border: none;
}
#menuhover li a {
height: 18px;
display: block;
padding: 4px 5px 5px 18px;
background: url(LINK_DA_IMAGEM_NORMAL) no-repeat;
color: #ffffff;
text-shadow: #000 0 1px 0;
font-weight: normal;
text-decoration: none;
width: 186px;
}
#menuhover li a:hover {
background: url(LINK_DA_IMAGEM_HOVER) no-repeat;
color: #000;
text-shadow: #666666 0 1px 0;
}
Agora vamos aos links, definiremos uma div para aplicar as configurações da folha de estilos CSS, criamos-a com o nome menux então o id da div terá de ser menux.
<div id="menuhover">
<ul>
<li><a href="LINK_DO_POST">NOME_DO_POST</a></li>
</ul>
</div>
Nenhum comentário:
Postar um comentário