Changer la couleur de la colonne des sujets au survol?

3 participants

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 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:
Changer la couleur de la colonne des sujets au survol? Untitl10

L'effet recherché au survol de la souris, pour chaque topic:
Changer la couleur de la colonne des sujets au survol? Untitl11

Merci par avance de votre aide!


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

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 Invité Jeu 3 Juil 2014 - 12:35

Bonjour,

Quel est le lien du forum svp ?

Cordialement.
Anonymous

Invité
Invité


Invité 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 Jeu 3 Juil 2014 - 12:36

Bonjour Mysticia, vous rajoutez ceci dans votre css

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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 Invité 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.
Anonymous

Invité
Invité


Invité 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 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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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

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 Invité 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
Anonymous

Invité
Invité


Invité 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 Jeu 3 Juil 2014 - 13:04

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


Changer la couleur de la colonne des sujets au survol? Sans_t18


et en faisant un ou plusieurs ctrlF5 ??

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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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?

Changer la couleur de la colonne des sujets au survol? Untitl12
Mysticia

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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 Jeu 3 Juil 2014 - 21:26

Oui en phpbb2 !
Mysticia

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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 Jeu 3 Juil 2014 - 22:58

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

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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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

stefou
*****

Masculin
Messages : 901
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 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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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

stefou
*****

Masculin
Messages : 901
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 Dim 6 Juil 2014 - 0:36

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

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

- Sujets similaires

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