Se acabó la visión fea y simple de los comentarios de los visitantes a un blog. Con este truco, estos se visualizarán como si de un bocadillo o globo tipo cómic se tratara. Elegante y bonito a la vez.

  • Ubicación: plantilla.
  • Proceso:
Copiar debajo de .comments .avatar-image-container { el siguiente código:

.comments .comment-block {
background: #E0F8F7;
border: 3px solid #A9F5F2;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-left: 60px;
padding: 10px;
position: relative;
}
.comment-thread li .comment-block:before {
position: absolute; left: -26px;content:"\25C4";
font-size:30px;
color:#A9F5F2;
}

El código es completamente editable en colores y borde del bocadillo.

Etiquetado como: ,