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

  • Autor Autor likepop
  • Fecha de inicio Fecha de inicio

likepop

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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:



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.
 
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
 
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;
}
 

Temas similares