Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Alterner deux couleurs dans les commentaires et les messages du forum

1872 appréciations
Hors-ligne
Bonsoir, 
Tout est dans le titre, Je n'ai pas trouvé comment faire,  Je parle des couleurs de fond, J'apprécie ne serait-ce qu'une piste, Merci, 
Bonne fin de journée, 

1731 appréciations
Hors-ligne
  Mi Neth !
Je ne suis pas sûre que ce soit possible.
Cela se fait automatiquement dans les commentaires d'articles, mais pour le forum, il me semble que c'est une couleur de fond unique qu'il n'est pas possible d'alterner.
Mais peut-être que quelqu'un de pointu en informatique pourra te donner une solution.
Belle journée entre les gouttes de pluie, les amis !!!

1872 appréciations
Hors-ligne
CC Aquarella, 
Je ne crois pas que ce soit automatique pour les commentaires d'articles, Certains blogs, comme le mien, la couleur est la même d'un commentaire à l'autre, 
Co^té forum, j'ai fait une capture floutée de celui de titoune où, comme tu peux le voir, une fois sur deux, c'est gris clair, Sinon c'est blanc, 

Je cherche de mon côté, mais si comme tu le dis ce n'est pas possible et automatique, j'abandonnerai l'idée,
Bonne journée,

1731 appréciations
Hors-ligne

Peut-être que   pourra t'aider.

218 appréciations
Hors-ligne
Bonjour les filles

Il est possible d'alterner deux couleurs dans les lignes paires et impaires d'un texte en utilisant les classes odd et even, mais dans des commentaires je ne sais pas.

Une petite piste si vous voulez faire des essais dans votre css (en remplaçant bien entendu box) avec le code suivant :

.box:nth-of-type(odd) {background-color:#000;}

.box:nth-of-type(even) {background-color:#fff;}

Voir ici en anglais :

https://stackoverflow.com/questions/34944698/how-can-i-select-odd-and-even-elements-with-css

Désolée de ne pouvoir vous aider plus mais j'ai loupé mon master de CSS !


1731 appréciations
Hors-ligne
  Perso, je ne suis pas intéressée, mais Mi Neth va sûrement essayer.

1872 appréciations
Hors-ligne

1872 appréciations
Hors-ligne
CC les filles, 
Pas eu assez de temps pour être bien concentrée, Je testerai une autre fois, 

971 appréciations
Hors-ligne
Bonsoir,

La piste lancée par Natacha est la bonne. De base, c'est déjà présent dans le code du RapidDesign, en utilisant la couleur de fond de le partie en contenu pour les éléments pairs (even) et la couleur de fond du menu latéral pour les éléments impairs (odd). Dans le cas de ton blog Mi Neth, vu que c'est la même couleur, il n'y a pas de différence visuelle.

Du coup, il suffit d'ajouter ceci dans son CSS personnalisé pour écraser les paramètres initiaux :


ul.b4e-liste-commentaires li:nth-child(even) {
    background-color: [couleur];
}
ul.b4e-liste-commentaires li:nth-child(odd) {
    background-color: [couleur];
}


Il n'y a qu'à remplacer [couleur] par les couleurs souhaitées.

Bonne soirée !
Flora Maelyne
Responsable Blog4ever
Développeuse & Graphiste

218 appréciations
Hors-ligne
Bonsoir Maelyne,

Sur tes deux lignes tu as mis "even", il n'y en pas une qui devrait être "odd" ?

ul.b4e-liste-commentaires li:nth-child(even) {
    background-color: [couleur];
}
ul.b4e-liste-commentaires li:nth-child(even) {
    background-color: [couleur];
}

---> ul.b4e-liste-commentaires li:nth-child(odd) {

Douce nuit

971 appréciations
Hors-ligne
Effectivement, je ne sais pas ce que j'ai bricolé. Un copier/coller foireux. ^^'

C'est corrigé dans mon message initial.
Flora Maelyne
Responsable Blog4ever
Développeuse & Graphiste

218 appréciations
Hors-ligne

1872 appréciations
Hors-ligne
Merci les filles, 
Quand je dis qu'il faut que je me concentre, Autrement, je fais du grand n'importe quoi, J'avais suivi la piste de en remplaçant box par commentaires, Comme le montre ta réponse @Maelyne@ j'étais plutôt loin, Je n'aurai pas mis b4e dans l'énoncé, 
Je devrai trouvé pour les messages dans le forum, 
Bonne journée, 
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Personnalisation avancée du CSS.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6084 autres membres