Vou estar ensinando a criar um menu com imagens!
1° Abra a Html do seu template e cole esse código acima da tag
]]></b:skin>
1° Abra a Html do seu template e cole esse código acima da tag
]]></b:skin>
#menu-img {
background: url(http://3.bp.blogspot.com/-LI-13BLjj50/TW03bEYn6FI/AAAAAAAAAR0/hVC0I6AIHso/s1600/menueditavel.jpg) no-repeat center top;
width: 994px;
height: 60px;
margin-top:-14px;
}
#menu-img ul li {
display: block;
float: left;
padding: 0 16px;
margin-left:-2px;
}
#menu-img ul li a {
display: block;
float: left;
text-indent: -99999px;
width: 160px;
height: 60px;
}
#menu-img ul li a:hover {
text-decoration: underline;
}
após inserir Salve
logo após insira esse código
abaixo da tag
<body>
<div id='menu-img'>
<ul>
<li> <a href='/' title='Home'>Home</a></li>
<li> <a href='/' title='Parceria'>Parceria</a></li>
<li><a href='/' title='Contato'>Contato</a></li>
<li> <a href='/' rel='nofollow' title='Mapa Do Site'>Mapa Do Site</a></li>
<li> <a href='/' title='Pedidos'>Pedidos</a></li>
</ul>
<div class='both'/>
</div>
<ul/>
0 comentários:
Postar um comentário