Creando sitios con WordPress desde 2005

Recibe GRATIS nuestros trucos, tutoriales, ofertas y promociones.

Poniendo estilos a los comentarios (II)

Comentarios con estilos

Bueno, pues ya estamos aquí de nuevo.

He añadido al archivo style.css el siguiente código:

/* COMENTARIOS LISTADO
==================================================== */
ul.commentlist { list-style:none; margin:0;}
ul.commentlist li {margin:20px 0; border:1px solid #ddd; padding:10px; background:#eee;}
ul.children {list-style:none; margin:0;}
ul.children li {margin:20px 0; border:1px solid #ddd; padding:10px; background:#fff;}
.avatar { padding:5px; background:#fff; border:1px solid #666; float:left; margin:0 10px 0 0;}
.comment-meta { margin-bottom:15px; font-size:12px;}

y ahora el listado de comentarios tiene un mejor aspecto (ver la imagen de arriba o visita los comentarios). Poco a poco iremos añadiendo más cosas, ya que de momento estamos usando el código que genera directamente wordpress para los comentarios y lo realmente interesante está en hacer los comentarios personalizados, pero eso será en otro momento.

Gracias 😉

Palabras relacionadas: , , ,

Sobre el autor

Roberto Miralles
@blogalizate

Soy diseñador web en el estudio de desarrollo web blogalizate, que comparto con Mercedes Romero, y estoy especializado en WordPress, con el que trabajo cada día desde que me levanto, hasta que me acuesto. Cada vez que un cliente me propone un proyecto web, siempre [...]

Leer la bío completa de Roberto Miralles

Lee más artículos de Roberto Miralles en el blog »

Comentarios

Hay 2 comentarios.

  • 26.11.2012
    pier dice:

    Hola,
    tal vez quedaria mejor con una separacion mas clara de los comentarios, alternando el color de fondo de comentarios adjuntos o utilizando algun tipo de separador
    teneis las CSS para esto??
    gracias

    • 26.11.2012
      Roberto dice:

      Hola Pier,
      Esa entrada es de una versión anterior del blog, el diseño cambió por el que puedes ver ahora.

      Muchas gracias por tu comentario.

      Saludos!

Escribe tu comentario