Pixel Create - Criando seu caminho ! Desejamos boas festas a todos.
publicidade
publicidade
publicidade
publicidade
publicidade
publicidade
publicidade

Programas

Baixe os melhores do Design!

Programas Programas

Wallpaper

Seu desktop com sua cara

Wallpaper Wallpaper

Tutoriais

Tutoriais de qualidade encontra-se aqui!

Tutoriais Tutoriais

Tutorial - Colocando Menu de Redes Sociais

Postado Por: Eddye

 Entre no Blogger Click Em Design - HTML

 Procure pela por:  ]]></b:skin>  de um  Ctrl + F para procurar, e acima da tag  ]]></b:skin> cole o seguinte código : 


#navegadores{
width:0px;
height:757px;
display:block;
position:absolute;
margin:100px 0 0 820px;
}
#utensilios {
background:url(http://i.imgur.com/52uTJ.png) no-repeat;
margin-top:-145px;
margin-left:-810px;
width:185px;
height:70px;
float:left;
}
#utensilios:hover {
background:url(http://i.imgur.com/QBB8x.png) no-repeat;
width:183px;
height:70px;
float:left;
}
#Parceria {
background:url(http://i.imgur.com/dXT9r.png) no-repeat;
margin-top:-145px;
margin-left:-645px;
width:183px;
height:70px;
float:left;
}
#Parceria:hover {
background:url(http://i.imgur.com/jPdip.png) no-repeat;
width:183px;
height:70px;
float:left;
}
#Contact {
background:url(http://i.imgur.com/rCJOn.png) no-repeat;
margin-top:-145px;
margin-left:-479px;
width:170px;
height:70px;
float:left;
}
#Contact:hover {
background:url(http://i.imgur.com/HSJb7.png) no-repeat;
width:170px;
height:70px;
float:left;
}


  Agora procure pela tag:  <div id='content-wrapper'> e Cima da tag    <div id='content-wrapper'>  cole o seguinte código :


<div id='navegadores'>
<a href='URL DA  COMUNIDADE AQUI' id='utensilios' target='blank' title='Nosso Orkut'/> 
<a href='URL FACEBOOK AQUI' id='Parceria' target='blank' title='Nosso Facebook'/>
<a href='URL DO PORTFOLIO AQUI' id='Contact' target='blank' title='Meu Portfolio'/>
</div> 
Mude oque esta de Roxo.

0 comentários:

Postar um comentário