Changer la couleur de fond au passage de la souris

[gp246]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le debut du forum
Lien du forum : https://forumautosma.kanak.fr/

Description du problème

Bonjour, j'aimerais être capable de changer la couleur de fond au passage de la souris sur l'index du forum.
Je voudrais un genre de code "onmouse over this color" disons dans les 4 colonnes row1 row2 row3 row4.

Au passage de la souris la couleur de fond deviendrait #32585b et des qu'on ne la survol plus elle retourne a sa couleur d'origine #363636.

J'ai chercher un peu dans les Template de l'index mais je ne trouve pas vraiment les rangés a modifier et je me demande si ce n'est pas dans la feuille de style qu'il faut modifier cela.

Merci de votre aide!

[gp246]

J'ai trouver comment faire et c'est dans le template index.box il faut inserer un code comme ceci:

onMouseOver=this.style.backgroundColor="#32585b" onMouseOut=this.style.backgroundColor="#363636" et le placer a la fin de chacune des Row, exemple:

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"

devient

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"onMouseOver=this.style.backgroundColor="#32585b" onMouseOut=this.style.backgroundColor="#363636">

Ca fonctionne pour mon template et ca ne veut pas dire que ca va fonctionner pour tout le monde il faut bien placer les codes a la bonne place , une virgule de trop et le forum risque de ne plus s'afficher.....a manipuler avec soins.

[Oka.mi]

Bonjour,

En fait, il y a une autre manière d'y arriver.
La différence principale avec votre code étant qu'au lieu de changer la couleur de chaque td (d'après ce que je vois sur votre forum, vous n'en avez changé qu'un seul d'ailleurs), on change celle du tr qui les englobe (puisque vous disiez souhaiter avoir l'effet dans les 4 rows).

Pour commencer, dans la gestion des couleurs depuis le panneau d'admin, effacez les couleurs paramétrées de ces trois champs :


Ensuite, dans le template index_box après la ligne <!-- BEGIN forumrow -->, nous avons un  <tr>. Nous allons le changer en

Code:

<tr class="couleur_survol">

Enfin, dans le css, ajoutez :

Code:

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
    background: #363636;
}

.couleur_survol:hover td {
    background: #32585b;
}

[gp246]

Bonjour Oka.Mi la raison pourquoi je ne voulait pas passer par cette méthode était que ca modifiait aussi les couleurs de messages poster. On pouvait voir un message sur 2 d'une couleur et l'autre de la couleur de base.

Je n'ai pas tester votre méthode mais elle semble être fonctionnel aussi, avez-vous vérifier que les messages poster restait tous de la même couleur , ca serait a vérifier.

Merci du support!

[Oka.mi]

Je ne suis pas sûre d'avoir compris cette histoire de messages postés qui apparaissent d'une couleur différente une fois sur deux

En tout cas, sur mon forum test, en appliquant ce que j'ai mis plus haut, j'obtiens ça.

Apparence de base :


Au passage de la souris sur n'importe quelle cellule du premier forum :

[gp246]

A supposer que je créer un message et que les membres y répondent le premier message sera d'une couleur disons Brun comme couleur de fond, la 2e personne qui répond aura un fond de couleur bleu et ainsi de suite.

En ce moment si une personne vient lire les réponses sur mon forum la couleur de fond est toujours la même dans les réponses.

Si je change la couleur encercler les messages auront toujours 2 couleur de fond en alternance, mais bon pour le moment tout fonctionne bien avec mon code HTML.

[Oka.mi]

Bonjour,

Dans la méthode que j'ai partagée, il n'y a pas besoin de changer la couleur, juste la supprimer pour la spécifier, à la place, dans la feuille css. La raison est que si elle est spécifiée directement dans le panneau des couleurs, elle prend le dessus sur la couleur en hover du tr, du coup la méthode ne fonctionne pas comme il faut.

A supposer que je créer un message et que les membres y répondent le premier message sera d'une couleur disons Brun comme couleur de fond, la 2e personne qui répond aura un fond de couleur bleu et ainsi de suite.

Si vous parlez de la colonne "derniers messages", elle garde la couleur #363636 même en cas de nouveau message, puisqu'on n'a spécifié qu'une couleur dans la feuille css (et rien dans le panneau couleurs).

Enfin, c'est juste montrer une alternative (et l'expliquer). Comme vous dîtes, tant que ça marche de votre côté, c'est ce qui importe