Luego de tanto pensar que nuevo truco publicar se me ocurrio darle un nuevo uso al codigo publicado por
El Potro de bordes redondeados en las imagenes y decidi aplicarlo al gadget multibanner donde ponemos publicidad,talvez asi tus lectores al ver este hermoso efecto se animen a hacer publicidad en tu web.
La vista previa del truco es la siguiente:
El truco se logra mediante CSS3 por lo que solo sera compatible con los navegadores modernos.
Para añadir 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 BLOG" target="_blank" title="¡Espacio Disponible para tu Banner!"><img class="redondeado" src="https://lh5.googleusercontent.com/-_Ab1jipToss/TYjNKgEWWeI/AAAAAAAAAjs/umSnT6KTd5c/s1600/banner125.jpg" /></a>
<a href="URL BLOG" target="_blank" title="¡Espacio Disponible para tu Banner!"><img class="redondeado" src="https://lh5.googleusercontent.com/-_Ab1jipToss/TYjNKgEWWeI/AAAAAAAAAjs/umSnT6KTd5c/s1600/banner125.jpg" /></a>
<a href="URL BLOG" target="_blank" title="¡Espacio Disponible para tu Banner!"><img class="redondeado" src="https://lh5.googleusercontent.com/-_Ab1jipToss/TYjNKgEWWeI/AAAAAAAAAjs/umSnT6KTd5c/s1600/banner125.jpg" /></a>
<a href="URL BLOG" target="_blank" title="¡Espacio Disponible para tu Banner!"><img class="redondeado" src="https://lh5.googleusercontent.com/-_Ab1jipToss/TYjNKgEWWeI/AAAAAAAAAjs/umSnT6KTd5c/s1600/banner125.jpg" /></a>
</div>
Ahora cuando vayas a poner los banners de publicidad solo cambia las condicionales que resalte en color azul por las tuyas y listo.