Como colocar Menu Hover no blogger 2
1 - Va no Painel do seu blog > Design/layout > Editar HTML
2- Ensira o Codigo Abaixo Acima de ]]><b:skin>
#navegadores{
width:900px;
height:757px;
display:block;
position:absolute;
margin:100px 0 0 820px;
}
#utensilios {
background:url(http://i.imgur.com/XTVRn.png) no-repeat;
margin-top:-176px;
margin-left:-810px;
width:170px;
height:70px;
float:left;
}
#utensilios:hover {
background:url(http://i.imgur.com/W37or.png) no-repeat;
width:170px;
height:70px;
float:left;
}
#Parceria {
background:url(http://i.imgur.com/rE4gV.png) no-repeat;
margin-top:-176px;
margin-left:-645px;
width:170px;
height:70px;
float:left;
}
#Parceria:hover {
background:url(http://i.imgur.com/qeINt.png) no-repeat;
width:170px;
height:70px;
float:left;
}
#Contact {
background:url(http://i.imgur.com/rR7kH.png) no-repeat;
margin-top:-176px;
margin-left:-479px;
width:170px;
height:70px;
float:left;
}
#Contact:hover {
background:url(http://i.imgur.com/SC0VU.png) no-repeat;
width:170px;
height:70px;
float:left;
}
#Pedidos {
background:url(http://i.imgur.com/9H2i6.png) no-repeat;
margin-top:-176px;
margin-left:-312px;
width:170px;
height:70px;
float:left;
}
#Pedidos:hover {
background:url(http://i.imgur.com/z1kqc.png) no-repeat;
width:170px;
height:70px;
float:left;
}
#Vendas{
background:url(http://i.imgur.com/jMVlE.png) no-repeat;
margin-top:-176px;
margin-left:-145px;
width:170px;
height:70px;
float:left;
}
#Vendas:hover{
background:url(http://i.imgur.com/Ip1W6.png) no-repeat;
width:170px;
height:70px;
float:left;
}
#Templates{
background:url(http://i.imgur.com/CqI7L.png) no-repeat;
margin-top:-176px;
margin-left:22px;
width:170px;
height:70px;
float:left;
}
#Templates:hover{
background:url(http://i.imgur.com/YWLFB.png) no-repeat;
width:170px;
height:70px;
float:left;
}
3 - Ensira o Codigo Abaixo Da sua id do <div id='header'> ou abaixo de
<div id='outer-wrapper'><div id='wrap2'>
<div id='navegadores'>
<a href='/' id='utensilios' target='blank' title='TOP Create - Utensilios'/>
<a href='http://fooxdesigner.blogspot.com/2011/07/seja-parceiro.html#comment-form' id='Parceria' target='blank' title='Faça Parceria'/>
<a href='mailto:Rafaelm_sk8@hotmail.com' id='Contact' target='blank' title='Emtre Em Contato'/>
<a href='http://fooxdesigner.blogspot.com/search/label/Pedidos' id='Pedidos' target='blank' title='Faça Seu Pedido'/>
<a href='http://rafaelmirandaweb.blogspot.com/' id='Vendas' target='blank' title='Compre Seu Template Esclusivo'/>
<a href='http://fooxdesigner.blogspot.com/search/label/Templates%20Editaveis' id='Templates' target='blank' title='Confira Nossos Mel
hores Templates'/>
</div>
Show
0 Comments
prev
next
