Couleur de survol des titres des catégories

[stheph]

Bonjour

Depuis quelque temps, le texte des catégories ne change plus de couleur au survol du pointeur (seul le soulignement fonctionne)





URL du forum :http://mototrapanelleclub.forumsactifs.com/
Version (phpBB3)
Statut (fondateur)
Navigateur (FireFox)
CSS personnalisé:

Code:

body {background-repeat: no-repeat;
        background-attachment: fixed;
        }
.forumbg {
   background-color: #;
   background-image: url('http://img3.imageshack.us/img3/3751/test2nr.png');
   background-repeat: repeat;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
   }
.forabg {
   margin-bottom: 15px;
   clear: both;
   background-color: #;
   background-image: url('http://img3.imageshack.us/img3/3751/test2nr.png');
   background-repeat: repeat;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 10px;
   }
#wrap {
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        border-radius:20px;
        padding: 10px;
        }
div, table {
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        border: none;
        }
forabg, .forumbg {
        border: none;
        }
div, table {
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        border: none;
        }
a.forumtitle {color: #000000;}
a.forumtitle:hover {color: #000000;}
a.topictitle {color: #0a018c2;}
a.topictitle:hover {color: #000000;}

Merci d'avance pour vos réponses

[Freyja des Terres de Wyrd]

Bonjour !
il faudrait modifier ceci:

Code:

a.forumtitle {color: #000000;}
a.forumtitle:hover {color: #000000;}
a.topictitle {color: #0a018c2;}
a.topictitle:hover {color: #000000;}

comme ça :

Code:

a.forumtitle {color: #000000;}
a.forumtitle:hover {color: #D627C2;}
a.topictitle {color: #0a018c2;}
a.topictitle:hover {color: #D627C2;}

la valeur en "hover" signifie au survol de la souris =)

[stheph]

La couleur du soulignement change bien, mais toujours pas le texte.
merci

[Freyja des Terres de Wyrd]

hum...
êtes vous en phpbb3 ? et est-il modifié ?

sinon... pour que les liens se soulignent au passage de la souris, n'avez-vous pas modifié le CSS ?

[stheph]

Je suis en phpbb3
Je n'ai pas modifier le css de base
les modifications juste sur les images & les couleurs

[Freyja des Terres de Wyrd]

Serait-il possible d'avoir tout le css néanmoins ? =)

Mis à part par CSS, je ne vois pas de solution sinon... désolée ><

[stheph]

je peux vous le faire passer en MP !

[Freyja des Terres de Wyrd]

Je pense que c'est possible =)

[stheph]

L'avez vous reçue ?

[Freyja des Terres de Wyrd]

Oui mais... Là, je suis larguée... Le CSS me semble bien écrit... Désolée, je ne vois pas du tout d'où vient le problème >.<
Vous devriez fournir la partie du CSS nommée Links, ça pourrait être utile à d'autres pour vous aider =)

Toutefois ! Vous souhaitez seulement que les titres de catégories se surlignent c'est ça ? pas les autres liens ?

[stheph]

Merci pour votre aide

Je souhaite que la couleur les titres de catégories change au survol du pointeur comme les autres liens sur le forum (le soulignement n'est pas important)
comme ici


Partie du CSS nommée Links:

Code:

/* Links-----------------------------------------------------*/
a:link{
    color: #0944f2;
    text-decoration: none;
    }
a:visited{
    color: #0944f2;
    text-decoration: none;
    }
a:active{
    color: #000000;
    text-decoration: underline;
    }
a:hover{
    color: #d627c2;
    text-decoration: none;
    }
a.forumtitle {
   color: #0944f2;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   text-decoration: none;
   }
a.forumtitle:hover {
   color: #d627c2;
   text-decoration: underline;
   }
a.forumtitle:active {
   color: #000000;
   }
a.topictitle {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 1.1em;
   font-weight: bold;
   color: #0944f2;
   text-decoration: none;
   }
div.topic-title-container {
   display: inline;
   }
.topic-title {
   display: inline;
   font-size: 12px;
   text-align: left;
   }
.topic-title-post {
   }
a.topictitle:hover {
   color: #d627c2;
   text-decoration: underline;
   }
a.topictitle:active {
   color: #000000;
   }

[Freyja des Terres de Wyrd]

Persévérons !
Essayez avec ceci...

Code:

/* Links-----------------------------------------------------*/
        a:link{
            color: #0944f2;
            }
        a:visited{
            color: #0944f2;
            }
        a:active{
            color: #000000;
            text-decoration: underline;
            }
        a:hover{
            color: #d627c2;
            text-decoration: underline;
            }
        a.forumtitle {
          color: #0944f2;
          font-family: Arial,Helvetica,sans-serif;
          font-size: 1.2em;
          font-weight: bold;
          }
        a.forumtitle:hover {
          color: #d627c2;
          text-decoration: underline;
          }
        a.forumtitle:active {
          color: #000000;
            text-decoration: underline;
          }
        a.topictitle {
          font-family: Verdana,Arial,Helvetica,sans-serif;
          font-size: 1.1em;
          font-weight: bold;
          color: #0944f2;
          }
        div.topic-title-container {
          display: inline;
          }
        .topic-title {
          display: inline;
          font-size: 12px;
          text-align: left;
          }
        a.topictitle:hover {
          color: #d627c2;
          text-decoration: underline;
          }
        a.topictitle:active {
          color: #000000;
          }

[stheph]

Je viens de coller le code dans le Css, mais pas de changement.
Faut-il le mettre dans le Css de base, si oui comment faire.
merci

[Freyja des Terres de Wyrd]

Non, normalement remplacer devrait être suffisant...
Je ne peux pas vous aider plus, désolée, il faudra attendre quelqu'un de plus expérimenté ><

Encore désolée de ne pouvoir résoudre votre problème >.<

[stheph]

encore merci pour votre aide
je cherche aussi de mon côté

[stheph]

Quelqu'un pour prendre le relais de Freyja des Terres de Wyrd qui a déjà bien bossé merci

[stheph]

UP

[Invité]

Bonjour,

Sans certitudes,je pense que vous avez ajouter dans le titre de vos forums un div et un span,après est-ce bien ceci qui bloque ...pas sûr...mais c'est une possibilité.

Placez ce code dans la feuille de style :

Code:

a[class="forumtitle"] div span:hover {
color: # !important;
}

A la place du # < mettez le code couleur.

Après je viens de voir aussi le code couleur concerné : #0a018c2 <<< peut-être un chiffre de trop.. à voir..

Cordialement.

[FANCH 56]

Bonjour

Je vois que tu es sous Firefox, as-tu réglé les préférences couleurs des contenus

[stheph]

bonjour Appolyon
Pour le code, ça ne fonctionne pas

bonjour FANCH 56
pour les préférences couleur, c'est pareil sur chrome

merci pour vos réponses

voici le CSS modifier

Code:

body {background-repeat: no-repeat;
        background-attachment: fixed;
        }
.forumbg {
   background-color: #;
   background-image: url('http://img3.imageshack.us/img3/3751/test2nr.png');
   background-repeat: repeat;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
   }
.forabg {
   margin-bottom: 15px;
   clear: both;
   background-color: #;
   background-image: url('http://img3.imageshack.us/img3/3751/test2nr.png');
   background-repeat: repeat;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 10px;
   }
#wrap {
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        border-radius:20px;
        padding: 10px;
        }
div, table {
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        border: none;
        }
forabg, .forumbg {
        border: none;
        }       
        a.forumtitle {color: #D627C2;}
        a.forumtitle:hover {color: #D627C2;}
        a.topictitle {color: #0a018c2;}
        a.topictitle:hover {color: #D627C2;}
        .forumline
  {
  padding: 5px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        -ô-border-radius:10px;
        -khtml-border-radius:10px;
        border-radius:10px;
        }                 

[Invité]

Re,

Dernière proposition vu qu'après je n'ai pas spécialement d'idées concrètes.
Quand je met ce code dans la feuille de style css pour tester :

Code:

a.forumtitle div span:hover {
color: #D627C2 !important;
}

Ca fonctionne
En espérant que vous trouverez une solution..

Cordialement.

[stheph]

Re

Effectivement, ça fonctionne bien avec "chrome" , mais pas sous firefox.
Donc le problème vient bien de firefox 14.1

merci pour votre réponse

[Invité]

Pas de soucis

[stheph]

Miracle, maintenant ça fonctionne sous firefox 14.1 (pendant les tests ça ne fonctionnait que sous chrome)

encore merci