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

19 comentarios:

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

    ResponderEliminar
    Respuestas
    1. 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:

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

    ResponderEliminar
    Respuestas
    1. Peyo de verdad gracias por tu amable comentario,Saludos ;)

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

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

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

      Eliminar
    3. Jason Santoro lo que tu quieres es que en todos los comentarios aparezca tu imagen cierto? :?

      Eliminar
    4. 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.

      Eliminar
    5. 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.

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

      Eliminar
  4. Wow! No sabía que existía este truquillo, gracias! :D

    ResponderEliminar
    Respuestas
    1. Amor de nada gracias a ti por comentar.

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

    ;)

    alboadictocc.blogspot.com

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

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

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

      Saludos :cool:

      Eliminar
  7. Gracias me encanto este Zoom mil graciasss

    ResponderEliminar
    Respuestas
    1. Arturo que bueno que te haya gustado.

      Gracias por comentar, Saludos

      Eliminar

Comenta y exprésate, Tu opinión es importante

 
Arriba