Changer la couleur de fond au passage de la souris
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Changer la couleur de fond au passage de la souris
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!
Re: Changer la couleur de fond au passage de la souris
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.
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.
Re: Changer la couleur de fond au passage de la souris
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
Enfin, dans le css, ajoutez :
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;
}
Re: Changer la couleur de fond au passage de la souris
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!
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!
Re: Changer la couleur de fond au passage de la souris
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 :
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 :
Re: Changer la couleur de fond au passage de la souris
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.
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.
Re: Changer la couleur de fond au passage de la souris
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.
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
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.
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).gp246 a écrit: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.
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
Sujets similaires
» Couleur du fond de forum qui change de couleur au passage de la souris
» Couleur du texte au passage de la souris
» Enlever le fond du menu (au passage de la souris)
» Couleur au passage de la souris
» Texte change de couleur au passage de la souris
» Couleur du texte au passage de la souris
» Enlever le fond du menu (au passage de la souris)
» Couleur au passage de la souris
» Texte change de couleur au passage de la souris
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum