On souhaite différencier les commentaires pairs et impairs. Dans la mesure où rien ne le permet dans le code source de la page html du blog, on va utiliser un script javascript pour le faire.

Remarque : le code html libre ne s'exécute pas dans le popup de commentaires, ce script est donc réservé à ceux qui affichent les commentaires "en permalien", directement sous l'article.

Première solution, à utiliser si vous ne bénéficiez pas de l'offre Premium ou que vous ne souhaitez pas modifier votre feuille css.

On parcourt les conteneurs div enfants du conteneur d'identifiant comments.

Si le conteneur est de classe commentaire, on va tester si son numéro d'ordre est pair ou impair.

Dans le premier cas, on va modifier sa couleur de fond en javascript (backgroundColor).

Tout ce que vous avez à modifier dans ce script est la couleur, ici #cdcdcd. Vous pouvez utiliser les couleurs hexadécimales comme dans l'exemple, les couleurs rgb ou les couleurs css.

Il est également possible de modifier directement d'autres propriétés css en javascript. Vous en trouverez une liste sur cette page.

Deuxième solution, qui a ma préférence, mais qui est réservée à ceux qui ont accès à leur feuille css et des compétences pour en modifier les propriétés.

Le script de parcours est le même que le premier à l'exception de la ligne permettant ici d'ajouter une classe pair aux commentaires d'ordre pair.

Il suffira ensuite de créer cette classe dans la feuille de styles css et d'en définir les propriétés. Par exemple :

Publié par Sakatruc le 25 janvier 2008 à 3:24

Classé dans HTML | 3 commentaires

Tags :

Par lagrandemymy le 25 janvier 2008 à 11:13
Juste un grand "Waouh".Un renouveau de maître !
Par ne-paniquez-pas le 25 janvier 2008 à 12:49
wesh merci ! en plus tu me préviens sur mon blog c'est royal !
Par Etre le 31 janvier 2008 à 15:42
Ca, ça fais trop classe :)
 

Ajouter un commentaire

Note : Sakatruc n'accepte que les commentaires des personnes possédant un compte sur Cowblog : vous devez obligatoirement être identifié pour poster un commentaire.









Commentaire :








Votre adresse IP sera enregistrée pour des raisons de sécurité.
 

La discussion continue ailleurs...

Pour faire un rétrolien sur cet article :
http://sakatruc.cowblog.fr/trackback/2417846

 
Créer un podcast