Traductor
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
Quiero esto en mi Blog!

miércoles, 7 de diciembre de 2011

Botones Twitter Facebook

Hoy se me ha ocurrido hacer unos botones grandes para redireccionar a mi perfil en twitter y facebook, las imágenes que había en Internet eran un poco grandes para ponerlas en la columna lateral, así que las he reducido y he "creado" un código para que las podáis agregar a vuestras webs también. (SI QUIERES DARLES EFECTO BRILLO AL PASAR EL RATÓN VE AL FINAL DE LA ENTRADA)

Perfil de ivaneldeming en Twitter    Perfil de Iván Arévalo TSI en Facebook 


<div align="center"><!--Twitter--><a href="http://www.twitter.com/ivaneldeming"><img src="http://i44.tinypic.com/2r21zqr.png" alt="Perfil de ivaneldeming en Twitter"/></a><br><br><!--Facebook--><a href="http://www.facebook.com/profile.php?id=100001408738691&ref=tn_tnmn"><img src="http://i40.tinypic.com/kewyso.png" alt="Perfil de Iván Arévalo TSI en Facebook"/><!--Youtube--><a href="http://www.youtube.com/user/ivaneldemingo?feature=mhee"><img hspace="15" src="http://i44.tinypic.com/2a68t4j.png" alt="Canal Youtube" /></a></a></div>

Negrita, subrayado: Centrado, borrar si queremos que los botones queden alineados a la izquierda
Curvado, subrayado: Anotaciones, aunque las agreguemos en el gadget, no alterarán el resultado
Azul: Urls de perfil de twitter y facebook (por ese orden) y canal Youtube
Naranja: Imágenes Twitter, Facebook y Youtube (por si queremos cambiarlas)
Rojo: Podemos cambiarlo por lo que queramos

Si no sabes como agregar un gadget, visita la entrada Como añadir gadgets

PARA DARLES EL EFECTO DE BRILLO AL PASAR EL RATÓN:
Explico en ésta entrada como hacerlo, y el código es éste:

<!--Twitter--><a href="http://www.twitter.com/ivaneldeming"><img hspace="0" src="http://i44.tinypic.com/2r21zqr.png" onmouseover="this.src=' http://i40.tinypic.com/24vtwlg.png ';" onmouseout="this.src=' http://i44.tinypic.com/2r21zqr.png ';" alt="Perfil de ivaneldeming en Twitter" /></a>
<!--Facebook--><a href="http://www.facebook.com/profile.php?id=100001408738691&amp;ref=tn_tnmn"><img hspace="25" src="http://i40.tinypic.com/kewyso.png"  onmouseover="this.src= 'http://i42.tinypic.com/6gzdxt.png ';" onmouseout="this.src=' http://i40.tinypic.com/kewyso.png ';"  alt="Perfil de Iván Arévalo TSI en Facebook" /></a>
<!--Youtube--><a href="http://www.youtube.com/user/ivaneldemingo?feature=mhee"><img hspace="0" src="http://i44.tinypic.com/2a68t4j.png" onmouseover="this.src=' http://i41.tinypic.com/jj1ic2.png';" onmouseout="this.src=' http://i44.tinypic.com/2a68t4j.png';"  alt="Canal Youtube" /></a>

2 comentarios:

Deja tu comentario.
No insultes ni faltes al respeto.
No anuncies tu web o blog, el comentario será catalogado como spam y borrado.
Gracias