Changer la couleur de la colonne des sujets au survol?

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

Résolu Changer la couleur de la colonne des sujets au survol?

Message par Mysticia le Jeu 3 Juil 2014 - 12:29

Bonjour, j'ai réussi à changer dans mon CSS la couleur de mes colonnes de forums mais pas celles des sujets lorsqu'on les survole:

Voici l'aperçu de base:


L'effet recherché au survol de la souris, pour chaque topic:


Merci par avance de votre aide!


Dernière édition par Mysticia le Dim 6 Juil 2014 - 0:36, édité 1 fois

Mysticia
*

Messages : 38
Inscrit(e) le : 24/02/2013

http://9mois.bbactif.com/
Mysticia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par Kinotto le Jeu 3 Juil 2014 - 12:35

Bonjour,

Quel est le lien du forum svp ?

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par demeter1 le Jeu 3 Juil 2014 - 12:36

Bonjour Mysticia, vous rajoutez ceci dans votre css

Code:
td .row2 :hover{
background-color: #BBD37F;
}

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par Kinotto le Jeu 3 Juil 2014 - 12:38

Bonjour demeter,

Votre code ne fonctionnera pas avec des espaces. Il faudrait insérer :
Code:
td.row2:hover{
background-color: #BBD37F;
}

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par demeter1 le Jeu 3 Juil 2014 - 12:53

Effectivement une petite erreur involontaire d'insertion d'un espace en tapant le code. merci d'avoir rectifié le tir Nightmare.

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par Mysticia le Jeu 3 Juil 2014 - 12:57

Merci à vous 2 de m'aider aussi rapidement!

Le code marche  Very Happy  par contre est-il possible que cela n'affecte que la cellule des topics?
Car au survol la colonne des "réponses", la ligne des modérateurs et la case "permission de ce forum" change aussi de couleur.

Mysticia
*

Messages : 38
Inscrit(e) le : 24/02/2013

http://9mois.bbactif.com/
Mysticia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par Kinotto le Jeu 3 Juil 2014 - 12:59

Aucun problème, ça arrive à tout le monde ! Du coup je laisse demeter répondre, pour éviter de m'incruster encore plus Mr. Green

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par demeter1 le Jeu 3 Juil 2014 - 13:04

Strange, voici le visuel que j'ai en allant sur ton forum





et en faisant un ou plusieurs ctrlF5 ??

Ps : Nightmare, il n'y a pas d'incruste.

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par Mysticia le Jeu 3 Juil 2014 - 15:36

Oui et mon hover fonctionne aussi à ces 3 endroits (ce qui n'était pas le cas avant votre code),
serait-ce possible juste en passant sur les topics?


Mysticia
*

Messages : 38
Inscrit(e) le : 24/02/2013

http://9mois.bbactif.com/
Mysticia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par demeter1 le Jeu 3 Juil 2014 - 16:28

Vu que le row2 est utilisé sur diverses parties du forum, il va falloir passer par une modification de template.

Ce forum est bien en phpbb2 comme l'indique votre profil???

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par Mysticia le Jeu 3 Juil 2014 - 21:26

Oui en phpbb2 !

Mysticia
*

Messages : 38
Inscrit(e) le : 24/02/2013

http://9mois.bbactif.com/
Mysticia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par demeter1 le Jeu 3 Juil 2014 - 22:46

Bon, je viens de faire des essais mais rien de bien concluant ou qui ne provoque plus de soucis qu'autre chose.

La séquence à modifier est dans le template topic_list box

Code:
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>

         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>&nbsp;
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

et plus précisément cette partie

Code:
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>

Désolé de ne pouvoir vous apportez une aide plus constructive qu'avec le css.

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par Mysticia le Jeu 3 Juil 2014 - 22:58

Il faudra que je me contente du CSS alors, merci d'avoir pris le temps des essais!

Mysticia
*

Messages : 38
Inscrit(e) le : 24/02/2013

http://9mois.bbactif.com/
Mysticia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par demeter1 le Jeu 3 Juil 2014 - 23:19

Uper le sujet ,peu être que quelqu'un trouvera la solution. A tire perso, j'ai été bloqué par ce td qui englobe plusieurs variables.

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par stefou le Ven 4 Juil 2014 - 10:14

Bonjour,

Cela vient d'une fonction onmouseout sur les row qui ce trouve d'origine dans topics_list_box

Si votre template n'a pas été modifié, +/- à la ligen 54 cette partie du code concerné est
Code:
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
cette partie du code modifie au survol votre row1 en row2.

Si vous renommez row2 votre problème devrait être résolu.
Exemple, template topics_list_box remplacer la partie cité si dessus par:
Code:
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="rowover"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">

Et dans le css ajoutez
Code:
.rowover{
background-color: #BBD37F;
}

Je ne sais pas l'effet de ce code ailleurs, j'ai testé, je n'ai rien vu d'anormal.
Bonne journée.

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par demeter1 le Ven 4 Juil 2014 - 23:39

Cela ne risque pas d'influencer ce qui est entre l'ouverture et la fermeture du td ??? Simple curiosité de ma part Stefou.
J'avais bient rouvé la séquence mais j'ai supposé peu être à tord que les autres variables allaient subir la modification.

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par stefou le Ven 4 Juil 2014 - 23:49

Honnêtement je sais pas, j'ai tester le code sur mon forum test, je n'ai remarqué aucune influence négative..., cette modif n'agit que sur le survol de row1 sur la page des topics.

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la couleur de la colonne des sujets au survol?

Message par Mysticia le Dim 6 Juil 2014 - 0:36

Votre code rapide et ingénieux fonctionne merci à vous Stefou!

Mysticia
*

Messages : 38
Inscrit(e) le : 24/02/2013

http://9mois.bbactif.com/
Mysticia a été remercié(e) par l'auteur de ce sujet.

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


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