NÓS VAMOS COLOKAR ESTE MENU DA IMAGEM ABAIXO DAI VOCE EDITA A IMAGEM FAZ OQ PREFERIR ELE NAO TEM FUNDO É SOMENTE OS BOTOES. NA IMAGEM ABAIXO O HEADER ESTAVA PRETO É SÓ EXEMPLO
1 ENTRE NO EDITOR HTML DO SEU BLOG
2 APERTE F3 E PROCURE PELO CODIGO ]]></b:skin>
3 ACIMA DO CODIGO ]]></b:skin> COLE O CODIGO ABAIXO
/*----------------------------------------------------
{--------} Menu inicio {--------}
----------------------------------------------------*/
#menuvitorcia{
width:100px;
height:100px;
display:block;
position:absolute;
margin:-30px 0 0 60px; /*-alinhe de acordo com o blog-*/
}
#home {
background:url(http://i.imgur.com/DB4cy.png) no-repeat;
width:173px;
height:55px;
float:left;
}
#home:hover {
background:url(http://i.imgur.com/2l4DU.png) no-repeat;
width:173px;
height:55px;
float:left;
}
#HOME{
width:208px;
height:57px;
display:block;
position:absolute;
margin:210px 0 0 130px;
}
#contato2 {
background:url(http://i.imgur.com/yktEk.png) no-repeat;
width:173px;
height:55px;
float:left;
}
#contato2:hover {
background:url(http://i.imgur.com/RBZdj.png) no-repeat;
width:173px;
height:55px;
float:left;
}
#CONTATO2{
width:173px;
height:57px;
display:block;
position:absolute;
margin:210px 0 0 280px;
}
#parceria {
background:url(http://i.imgur.com/wsq5T.png) no-repeat;
width:173px;
height:55px;
float:left;
}
#parceria:hover {
background:url(http://i.imgur.com/4JpZf.png) no-repeat;
width:173px;
height:55px;
float:left;
}
#PARCERIA{
width:173px;
height:67px;
display:block;
position:absolute;
margin:210px 0 0 440px;
}
#anuncie {
background:url(http://i.imgur.com/zZhJ6.png) no-repeat;
width:173px;
height:55px;
float:left;
}
#anuncie:hover {
background:url(http://i.imgur.com/14wn6.png) no-repeat;
width:173px;
height:55px;
float:left;
}
#ANUNCIE{
width:173px;
height:57px;
display:block;
position:absolute;
margin:210px 0 0 590px;
}
/*----------------------------------------------------
{--------} Menu Final {--------}
----------------------------------------------------*/
4 TEM VARIOS LOCAIS PARA COLOCAR O CODIGO ABAIXO MAS VAMOS COLOKAR ABAIXO DA TAG </head>
ENTÃO PROCURE PELA TAG </head> E COLE O CODIGO Q ESTA AI ABAIXO DELA
<div id='menuvitorcia'>
<div id='HOME'>
<a href='http://completocreate.blogspot.com.br/' id='home' title='Inicio'/>
</div>
<div id='PARCERIA'>
<a href='http://completocreate.blogspot.com.br/2010/04/seja-parceiro.html' id='contato2' title='Seja nosso Parceiro!'/>
</div>
<div id='CONTATO2'>
<a href='http://completocreate.blogspot.com.br/2012/04/contato.html' id='parceria' title='Contato!'/>
</div>
<div id='ANUNCIE'>
<a href='http://completocreate.blogspot.com/2012/02/faca-seu-pedido.html' id='anuncie' title='Faça seu pedido!'/>
</div>
</div>
<div id='HOME'>
<a href='http://completocreate.blogspot.com.br/' id='home' title='Inicio'/>
</div>
<div id='PARCERIA'>
<a href='http://completocreate.blogspot.com.br/2010/04/seja-parceiro.html' id='contato2' title='Seja nosso Parceiro!'/>
</div>
<div id='CONTATO2'>
<a href='http://completocreate.blogspot.com.br/2012/04/contato.html' id='parceria' title='Contato!'/>
</div>
<div id='ANUNCIE'>
<a href='http://completocreate.blogspot.com/2012/02/faca-seu-pedido.html' id='anuncie' title='Faça seu pedido!'/>
</div>
</div>
5 TROQUE OS LINKS DO CODIGO ACIMA ATENTO PARA NAO TIRAR LINK ERRADO
6 AGORA VISUALIZE E C ESTIVER TUDO SERTO SAUVE E PRONTO
----------------------------------------------------------------------------------------
ATENÇÃO PARA VOCE ALINHAR O MENU
NO PRIMEIRO PEDAÇO O CODIGO ESTA ASSIM
/*----------------------------------------------------
{--------} Menu inicio {--------}
----------------------------------------------------*/
#menuvitorcia{
width:100px;
height:100px;
display:block;
position:absolute;
margin:-30px 0 0 60px; /*-alinhe de acordo com o blog-*/
}
{--------} Menu inicio {--------}
----------------------------------------------------*/
#menuvitorcia{
width:100px;
height:100px;
display:block;
position:absolute;
margin:-30px 0 0 60px; /*-alinhe de acordo com o blog-*/
}
A ULTIMA LINHA É A QUE VOCE ALINHA O MENU
-30px (c voce aumentar o menu vai para cima)
60px (c voce aumentar o menu vai para direita e c diminuir ele vai para esquerda)
---------------------------------------------------------------------------------------
CE SURGIREM DUVIDAS COMENTEM Q EU RESPONDEREI !
0 comentários:
Postar um comentário