Wordpress, alternar colores en comentarios - Bufa Webmaster

Bufa Webmaster

Recursos web en español

WordPress, alternar colores en comentarios

7 Feb 2010

Vamos a listar los comentarios de nuestro blog de una forma un poco más vistosa, alternado los colores de fondo de cada comentario (filas impares/pares) utilizando foreach y un poco de css.

En nuestro archivo de css insertamos el estilo que queremos dar a cada comentario:

1
2
.impar { background-color: #ddd; }
.par {background-color: #fff; }

Al comienzo del archivo comments.php, insertamos la variable del contador:

1
<?$i;?>

Ahora nos desplazamos hacia abajo hasta encontrar esta parte del código o similar:

1
2
<?php foreach ($comments as $comment) : ?>
<div class="commentbox">

Ahora insertamos el código php para insertar el estilo al class:

1
2
<?php foreach ($comments as $comment) : ?>
<div id="commentbox" class="<?=($i%2)?"impar":"par";$i++;?>">
Compartir:
  • Google Bookmarks
  • Twitter
  • StumbleUpon
  • Digg
  • LinkedIn
  • del.icio.us
  • MisterWong
COMENTARIOS
Sergio, el 09/03/2010 a las 19:36:27

Hola estimado amigo gracias por el codigo justamente estube buscando este script gracias muchas gracias le doy 5 click en los anuncios MUCHAS GRACIAS HA SIDO MUY UTIL PARA MI WEB

Escribe un comentario

Spam Protection by WP-SpamFree

Bufa en Twiter

77 post | 40 comentarios | 110 tags | suscriptores

Acerca de

bufa.es es una página web montada sobre wordpress que tiene como finalidad compartir la mayoría de recursos web (scripts, php, css, jquery, wordpress, plugins, posicionamiento web, etc...) utilizados por mi en el desarrollo web.

Entries (RSS) | Comments (RSS)

© 2010 Bufa Webmaster | valid XHTML and CSS | Powered by Wordpress and design bufa