Cómo agregar íconos y funciones al menú de mi web

likepop Seguir

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Feb 2013
Mensajes
624
Hola..

Bueno en esta ocasión quisiera saber como podría poner esto en mi menú:

Web de referencia: Clickéame!

Estos íconos con su respectiva función es lo que quiero poner:

WebIcons.jpg

Desde ya muchas gracias.

En sí lo que quiero saber es cuál o cuáles son los códigos que debo colocar en mi theme y en donde.
 

Kiro

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Mar 2013
Mensajes
167
Googlea un poco y verás que lo encuentras, solo es cuestión de buscar las palabras correctas, además ese menú lo tienen varios usuarios del foro
 

Elpadrotte

Épsilon
Desde
14 Ene 2013
Mensajes
776
este es el codigo te recomiendo hacerlo en un blog de pruebas :
Insertar CODE, HTML o PHP:
<div class='pull-right follow'>
<div class='twitterwrap'><a class='twitter-follow-button' data-dnt='true' data-show-count='true' data-show-screen-name='false' href='https://twitter.com/templateism'>
Follow @templateism
</a></div>
<div class='facebookwrap'><iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mybloggerlab.com&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light&height=80' style='border:none; overflow:hidden; width:100%; height:80px;'></iframe></div>
<div class='googlepkwrap'>
<div class='g-plusone' data-href='http://www.mybloggerlab.com' data-size='large' data-width='300'></div></div>
</div>
</div>
</li>
</ul>
</div>
y en el css agregas esto antes de
Insertar CODE, HTML o PHP:
</b :skin>
..


Insertar CODE, HTML o PHP:
.googlepkwrap {
float:left;
background:#fff;
margin-left:5px;
margin-top:10px;
height:32px;
width:80px;
border-top:5px solid #d44339;
padding:10px 10px 0;
}
.twitterwrap {
float:left;
background:#fff;
margin-left:5px;
margin-top:10px;
height:32px;
width:150px;
border-top:5px solid #00acee;
padding:10px 10px 0;
}
.facebookwrap {
float:left;
background:#fff;
margin-left:5px;
margin-top:10px;
height:32px;
width:80px;
border-top:5px solid #3b5998;
padding:10px 10px 0;
}
 
Arriba