Tutoriais - Menu Redes Sociais

Fonte: http://www.efetivadesignerr.blogspot.com Clique Na Postagem Para Melhor Visualização

exemplo:

Procure ( CTRL + F) pela tag: ]]></b:skin> cole o codigo
abaixo depois da tag: ]]></b:skin>

/*----------------------------------------------------

{--------}  Redes Sociais  {--------}

----------------------------------------------------*/

.twitter a{

width: 70px;

height: 95px;

text-indent: -9999px;

float: left;

display: block inline;

background: url(http://i.imgur.com/DUCzd.png) no-repeat 0px 27px;

margin-left: 10px;

margin: -233px 0 0 30px;

}

.twitter a:hover{

background: url(http://i.imgur.com/DUCzd.png) no-repeat 0px -80px;

}

.facebook a{

width: 70px;

height: 95px;

text-indent: -9999px;

float: left;

display: block inline;

background: url(http://i.imgur.com/DUCzd.png) no-repeat -70px 27px;

margin-left: 7px;

margin: -233px 0 0 100px;

}

.facebook a:hover{

background: url(http://i.imgur.com/DUCzd.png) no-repeat -70px -80px;

}

.youtube a{

width: 70px;

height: 95px;

text-indent: -9999px;

float: left;

display: block inline;

background: url(http://i.imgur.com/DUCzd.png) no-repeat -140px 27px;

margin-left: 7px;

margin: -233px 0 0 168px;

}

.youtube a:hover{

background: url(http://i.imgur.com/DUCzd.png) no-repeat -140px -80px;

}

.orkut a{

width: 70px;

height: 95px;

text-indent: -9999px;

float: left;

display: block inline;

background: url(http://i.imgur.com/DUCzd.png) no-repeat -213px 27px;

margin-left: 7px;

margin: -233px 0 0 238px;

}

.orkut a:hover{

background: url(http://i.imgur.com/DUCzd.png) no-repeat -213px -80px;

}

.google_plus a{

width: 70px;

height: 95px;

text-indent: -9999px;

float: left;

display: block inline;

background: url(http://i.imgur.com/DUCzd.png) no-repeat -283px 27px;

margin-left: 7px;

margin: -233px 0 0 306px;

}

.google_plus a:hover{

background: url(http://i.imgur.com/DUCzd.png) no-repeat -283px -80px;

}

no lugar que você quiser o menú você coloca o codigo abaixo

<span class='twitter'><a href='LINK DO TWITTER AQUI'>twitter</a></span>

<span class='facebook'><a href='LINK DO FACEBOOK AQUI'>Facebook</a></span>

<span class='youtube'><a href='LINK DO YOUTUBE AQUI'>Youtube</a></span>

<span class='orkut'><a href='LINK DO ORKUT AQUI'>Orkut</a></span>

<span class='google_plus'><a href='LINK DO GOOGLE + AQUI'>Google Pluss</a></span>