Con el nuevo diseño que introduje en el blog hice algunos cambios en los comentarios,entre ellos los avatares que al pasar el cursor sobre ellos tienen un efecto Zoom con rotación en los avatares.

Aqui les muestro una imagen  para que entiendan mejor el truco.


Como ven es un gran efecto y lo mejor es que se logra solamente mediante CSS sin agregar scripts ni nada por el estilo que solo van a poner mas lento tu blog.

Para agregar este truco ve a Diseño | Edición HTML y antes de ]]></b:skin> y agrega lo siguiente:

.avatar-image-container:hover {
z-index:999999;
border: 4px solid white;
-webkit-transform: rotate(-5deg) scale(1.4) skew(1deg) translate(0px);
-moz-transform: rotate(-5deg) scale(1.4) skew(1deg) translate(0px);
-o-transform: rotate(-5deg) scale(1.4) skew(1deg) translate(0px);
-moz-transition: 0.8s;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}

Por ultimo guardas los cambios


20 comentarios

Obed Calva · marzo 2, 2012 a las 5:11 pm

Gracias ya lo agregue a mi plantilla. Me podrías decir que tipo de letra estas usando en el titulo de tu blog?

    Juvinao · marzo 2, 2012 a las 7:40 pm

    Obed Calva gracias por comentar,mira amigo la font se llama bold si recuerdo bien,buscala y si no es me avisas para buscarla bien.:oops:

Peyo · marzo 3, 2012 a las 4:18 am

muchas gracias lo implemente en un nuevo blog agregare a favoritos tu pagina salu2

    Juvinao · marzo 3, 2012 a las 3:51 pm

    Peyo de verdad gracias por tu amable comentario,Saludos 😉

Jason Santoro · marzo 3, 2012 a las 6:42 pm

Ay alguna forma de poner una foto en los commentarios del autor? Tengo foto de los commentarios anonimos pero no del autor. Muchas Gracias.

    Juvinao · marzo 4, 2012 a las 12:16 am

    Jason Santoro para eso esta el avatar que Blogger nos proporciona,solo cambia tu imagen de perfil y listo.

    Jason Santoro · marzo 4, 2012 a las 12:35 am

    Tengo una imagen pero no sale en los comentarios. Y tengo en los settings que salgan imagenes. Algo mas que pueda hacer?

    Juvinao · marzo 4, 2012 a las 12:55 am

    Jason Santoro lo que tu quieres es que en todos los comentarios aparezca tu imagen cierto? 😕

    Jason Santoro · marzo 4, 2012 a las 9:29 am

    No nadamas en las del author. Ya tengo una imagen para los comentarios anonimos. Y esa imagen si sale pero la del autor no. Antes salia ahora no. Gracias por cualquier ayuda que me puedas dar.

    Juvinao · marzo 4, 2012 a las 3:22 pm

    Jason Santoro estuve mirando tu blog y creo que el problema es que no tienes habilitados los avatares,porque no se visualiza ningun avatar,entonces para activarlos debes ir al escritorio antiguo de Blogger,luego seleccionas configuracion,comentarios y en la pregunta ¿Mostrar imágenes de perfil en los comentarios?,marcas la casilla SI y luego das click en Guardar Configuracion.

    Espero haberte ayudado.

    Jason Santoro · marzo 4, 2012 a las 4:58 pm

    Muchas gracias por ayudarme. Pero lla tenia que si miraran los avatar. Pero volvi hacerlo y nada paso.

Amor · marzo 5, 2012 a las 11:33 pm

Wow! No sabía que existía este truquillo, gracias! 😀

    Juvinao · marzo 6, 2012 a las 3:26 pm

    Amor de nada gracias a ti por comentar.

Alboadicto · marzo 10, 2012 a las 4:00 am

Muchas gracias!
primera vez que aplico algo a mi blog y quedó muy bien!
gracias..

😉

alboadictocc.blogspot.com

    Juvinao · marzo 10, 2012 a las 4:27 pm

    Alboadicto gracias por comentar y que bueno que el truco te haya funcionado a la primera.

Cristian Bravo · agosto 6, 2012 a las 9:24 pm

Es una pasada, gracias por compartir, lo puse en mi blog, y listo, del 10, Graciasssss

    Juvinao · agosto 8, 2012 a las 7:41 pm

    Cristian gracias a ti por comentar y que bueno que te haya funcionado :P.

    Saludos 😎

Arturo · agosto 3, 2013 a las 6:26 am

Gracias me encanto este Zoom mil graciasss

    Hayder Juvinao · agosto 3, 2013 a las 8:55 pm

    Arturo que bueno que te haya gustado.

    Gracias por comentar, Saludos

Nitro Sonic · julio 2, 2014 a las 10:37 pm

amigos de casualidad tiene mas efectos para los avatares please.

Responder a Juvinao Cancelar la respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *