Haciendo uso nuevamente de la propiedad
img class="redondeado" expuesta por
El Potro tiempo atras hoy he creado unos iconos de suscripciones con bordes redondeados que al pasar el cursor sobre ellos despliegan un bello efecto.
A continuacion una imagen de como funciona el truco.
Para agregar este truco a tu blog pega antes de
]]></b:skin> el siguiente codigo:
.redondeado {
border-radius: 50%; /* Borde redondeado */
box-shadow: 0px 0px 15px #000; /* Sombra */
padding:0;
border:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.redondeado:hover {
box-shadow: 0; /* Con esto eliminamos la sombra */
border-radius: 0; /* Con esto eliminamos el borde redondeado */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}
Ahora en un elemento
HTML/JavaScript pega lo siguiente :
<div class="ads">
<a href="URL DE TU FACEBOOK" target="_blank" title="¡Facebook!"><img class="redondeado" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0mhSUCuun481YxEe_sgNLyEkq7mrfG1E_nTDdBdMtxbedOo6stOKDYC6teILLYisye-uM8_xedfWlj25u7fogdSdZ7KCEA0H0327lYCFBtMCxuUYZOA2WOTfcE_XYoI1Rd-HaKgWqEKg/s128/Facebook.png" /></a>
<a href="URL DE TU TWITTER" target="_blank" title="¡Twitter!"><img class="redondeado" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0C2jeaBBWvg0hJaJiO_WwWSKpw7hy8f2QQCQ1HaGbjM186FAvcavVNX1R6ayFdP7dZxULnNPNVgQT-fqqFZn6U5xkw1EKS5XXTHjNtk7iWoZejHHfZrYGcu8ZszfsLE1Rvt6ZKT4A4c/s128/Twitter.png" /></a>
<a href="URL DE TU YOUTUBE" target="_blank" title="¡YouTube!"><img class="redondeado" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCMrpOoZXFp7P4sz0RsJ5er_NPCiKBSAWxnK0L-GvmowL846px97wjR6HAJzzaVU0PxWkK7t-Owj2UL7DyRlL7O4gdX8miuLAF3Eh_D1tLnVX3nfl5NX-XmsTJ1gvtxXNISq97XlZthsM/s128/Youtube.png" /></a>
<a href="URL DE TU RSS" target="_blank" title="¡RSS!"><img class="redondeado" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiKl9zxzuxq_OM5goJWk_SQl0hKbvi-aCgv8RyDthfd9aB1mh1M_ro_4gLi4GxIqzXtlqfNbJve-uTzrxvenkTOos3FisCRnay_qru3WwKwPnpcmFEx61KVFdO4j2jLp_X8INQi0A8mFc/s128/RSS.png" /></a>
</div>
Para finalizar solo debes cambiar lo que resalte en color azul por la URL de tus cuentas y listo.