-->

23 febrero 2015

[Tutorial] Edita comentarios.

¡Hola, chinguruz!, ¿qué tal?, preparad las velas y haced un aquelarre por que...
¡SUBO TUTORIAL!

Si, tras milquinientosnoventamilochocientos mil años, subo nuevo tutorial.
Este será de cómo modificar los comentarios de la forma que los tiene una servidora.

Para tenerlos así de lindos, sigue mis pasos:
-Vamos A plantilla-editar HTML
-Ahora abrimos el buscador y escribimos'}]]></b:skin>
-Arriba pegamos lo siguiente:
/* Caja del comentario *  .comment-content{ background:#fff ; padding:13px; border-radius:10px; color:#999; } /* Titulo "No hay comentarios/nro Cometarios" */ h4{ border-radius: 5px; background:#7776b2; text-align:center; color:#fff; text-shadow: 0px 0px 3px #fff; } /* Nombre del usuario */ .user { background: #fff; padding: 7px; margin-left: 10px; border-radius: 10px 10px 0 0; } .icon { background: transparent; } /* Caja de color */ .comment-block{ background:#fff url(URL DE TU FONDO); padding:10px; border: 1px dashed #fff; border-radius: 15px 15px 15px 15px; } /* Links de la caja de color */ .comment-block a{ font-weight: normal; } /* Contorno de los avatares */ .avatar-image-container{ background:#b7b6da; padding:5px; border-radius:50% 50% 0% 50%; } /* Avatares de comentarios */ .avatar-image-container img{ -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; border-radius:50%; } /* Avatares de comentarios "HOVER" */ .avatar-image-container img:hover{ border-radius:50%; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ; } /* Links Fecha/Responder/Eliminar */ .secondary-text a{ color: #fff; padding: 3px; background:#b7b6da; float: center; border-radius:5px; text-shadow: none; }
Remodela:
AMARILLO:El código de color que desees.
VERDE:Url del fondo que quieres que tengan los comentarios.
Créditos:
Bueno, espero que os haya gustado y os sirva, mil besos :*
Chau!

7 comentarios:

  1. oh! ha salido mi comentario de ejemplo *^* yo también tengo los comentarios así, están muy chulos ^^

    ResponderEliminar
    Respuestas
    1. Si :3, es mi manera favorita de editar los comentariosn<3

      Eliminar
  2. Awwwwww nunca ví este tuto tan claro!!muchas gracias,una pregunta donde pone"hover" me puedes decir otros efectos que se le puedan colocar y en que consistirían??O me he equivocado y no tengo niidea de html xD

    ResponderEliminar
    Respuestas
    1. El hover es, por ejemplo, cuándo pasas el cursor por los iconos de los comentarios y se mueven, si lo cambias, no dará ese efecto.

      Eliminar

Hola :)
Antes que nada,quería deciros que no insulteis ni causeis spam,hay que ser respetuoso,amigos :)