Changer la couleur de fond au passage de la souris

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Changer la couleur de fond au passage de la souris

Message par gp246 Dim 10 Oct 2021 - 19:34

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

gp246
Nouveau membre

Messages : 15
Inscrit(e) le : 01/10/2021

Voir le profil de l'utilisateur https://forumautosma.kanak.fr/
gp246 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de fond au passage de la souris

Message par gp246 Dim 10 Oct 2021 - 20:14

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.
gp246

gp246
Nouveau membre

Messages : 15
Inscrit(e) le : 01/10/2021

Voir le profil de l'utilisateur https://forumautosma.kanak.fr/
gp246 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Changer la couleur de fond au passage de la souris

Message par Oka.mi Dim 10 Oct 2021 - 20:32

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 :
Changer la couleur de fond au passage de la souris Sans_t13

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;
}
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2728
Inscrit(e) le : 06/01/2011

Voir le profil de l'utilisateur https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de fond au passage de la souris

Message par gp246 Dim 10 Oct 2021 - 21:23

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!
gp246

gp246
Nouveau membre

Messages : 15
Inscrit(e) le : 01/10/2021

Voir le profil de l'utilisateur https://forumautosma.kanak.fr/
gp246 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Changer la couleur de fond au passage de la souris

Message par Oka.mi Dim 10 Oct 2021 - 21:39

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 scratch

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

Apparence de base :
Changer la couleur de fond au passage de la souris Sans_t16

Au passage de la souris sur n'importe quelle cellule du premier forum :
Changer la couleur de fond au passage de la souris Sans_t15
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2728
Inscrit(e) le : 06/01/2011

Voir le profil de l'utilisateur https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de fond au passage de la souris

Message par gp246 Dim 10 Oct 2021 - 23:47

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. thumright

Changer la couleur de fond au passage de la souris Captur13
gp246

gp246
Nouveau membre

Messages : 15
Inscrit(e) le : 01/10/2021

Voir le profil de l'utilisateur https://forumautosma.kanak.fr/
gp246 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Changer la couleur de fond au passage de la souris

Message par Oka.mi Lun 11 Oct 2021 - 12:02

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.
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.
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 Smile
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2728
Inscrit(e) le : 06/01/2011

Voir le profil de l'utilisateur https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum