Couleur liens survolés différente selon catégorie de forum

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

Résolu Couleur liens survolés différente selon catégorie de forum

Message par Louve Brune le Lun 22 Aoû 2016 - 14:52

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 22/08/2016
Lien du forum : http://la-ville.frbb.net/

Description du problème

Bonjour Smile

Je reviens vers vous pour un petit souci esthétique sur mon forum, et je me demande s'il est possible de trouver une solution.

Je suis en train de fignoler mon forum RP, et il s'avère qu'il existe principalement 2 zones de RP : les zones de RP destinées aux membres de la Faction Bleue, et les zones de RP destinées aux membres de la Faction Rouge (+ zones neutres que je laisse en gris clair).

Mes titres de catégories affichent déjà une couleur différente selon la zone.

À présent, je souhaiterais que quand on passe la souris sur un lien de lieu réservé à la Zone Bleue, le lien apparaisse en bleu (#3A4F9C). Par défaut, il apparaît en rouge (ex : capture d'écran, où la zone "Le Parc" destinée à la Faction Bleue est survolée en rouge).

Pour autant, je veux laisser la couleur rouge pour les zones de la Faction Rouge.


Est-ce possible à faire ? Smile Si oui, comment ?


Dernière édition par Louve Brune le Lun 22 Aoû 2016 - 23:58, édité 1 fois

Louve Brune
Nouveau membre

Messages : 5
Inscrit(e) le : 16/08/2016

http://la-ville.frbb.net/
Louve Brune a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur liens survolés différente selon catégorie de forum

Message par Neptunia le Lun 22 Aoû 2016 - 16:05

Bonjour ^^

@Louve Brune a écrit:
Mes titres de catégories affichent déjà une couleur différente selon la zone.

Utilisez-vous un script pour le titre des catégories ?
Si oui quel est son code ?

Neptunia
+ Hyperactif +

Féminin
Messages : 10974
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur liens survolés différente selon catégorie de forum

Message par BlueGhost le Lun 22 Aoû 2016 - 18:00

Bonjour à toi !

Je vois que tes catégories sont codées... peut-être qu'un placement d'une "div" serait adapté ? Tu places ta div id (puisque tu ne l'utiliseras qu'une fois dans ta page, non ?), et dans le CSS, tu places une ligne pour indiquer que, quand on placera notre souris sur le titre du forum de la faction bleue...
Que l'on récapitule : tu veux que le lien "Le Parc", affiché en rouge sur ta capture, soit en bleu, hein ?

BlueGhost
***

Masculin
Messages : 152
Inscrit(e) le : 19/07/2014

BlueGhost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur liens survolés différente selon catégorie de forum

Message par Louve Brune le Lun 22 Aoû 2016 - 19:32

Bonjour ! Merci pour vos réponses !

@BlueGhost a écrit:Que l'on récapitule : tu veux que le lien "Le Parc", affiché en rouge sur ta capture, soit en bleu, hein ?

Oui voilà Smile ainsi que tous les liens liés à la zone bleue (donc tous les sous-forums de la catégorie "Le centre-ville" et "La périphérie").

Voici ma fiche CSS complète Surprised

Spoiler:
Code:
a.cattitle span, .secondarytitle h2 span, .table-title h2 span, .maintitle h2 span, .page-title h2 span { display: none; }
a.cattitle img, .secondarytitle h2 img, .table-title h2 img, .maintitle h2 img, .page-title h2 img { display: inline!important; }

.secondarytitle h2 {
  text-align: center;
  letter-spacing:2px;
  font-style:initial;
  font-variant:small-caps;
    color:#B0B0A6;
    font-family: Impact, Fantasy, Tahoma, Verdana, sans-serif;
    font-size:12px;
}

.TitreCategorie {
  background: #1A1A1A;
  border-radius:50px 50px 0 0;
  -moz-border-radius:50px 50px 0 0;
  -wekbit-border-radius:50px 50px 0 0;
  width: 500px;
  margin:auto;
  padding:2px;
    border:2px solid #B0B0A6;
    border-bottom:0px;
}

.TitreCategorie h2 {
  margin:0;
  text-align: center;
  letter-spacing:2px;
  font-style:initial;
  font-variant:small-caps;
    color:#C7022D;
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    font-size:14px;
}

/* Largeur de la cellule du nombre de sujets */
.NbTopics { width:150px; }
/* Largeur de la cellule du nombre de messages */
.NbPosts { width:150px; }
/* Largeur de la cellule du dernier message posté */
.LastPost { width:150px; }

Louve Brune
Nouveau membre

Messages : 5
Inscrit(e) le : 16/08/2016

http://la-ville.frbb.net/
Louve Brune a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur liens survolés différente selon catégorie de forum

Message par BlueGhost le Lun 22 Aoû 2016 - 22:23

Bonsoir,

Dans ce cas, il faut appliquer une "div". Cependant, il semble que les noms de forums soient avec un "a" :
Code:
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
Je pense que tu as la même chose ^^

Sauf que, vu que tu veux que ce soit spécifique à la faction bleue (le bleu quand on passe la souris dessus), tu dois modifier la "class" en un élément facile à distinguer... comme, par exemple, "forumlinkfactionbleue" à la place de "forumlink".
Sauf que, si tu fais ça, ça va agir sur tous les noms de forums ._. Je ne sais pas si, dans la case "nom du forum", tu peux mettre du code HTML.
Par exemple, dans la case "Nom du forum" correspondant au Parc, tu pourrais mettre :

Code:
<a class="forumlinkfactionbleue">Le parc</a>

Je te laisse tester. Si ça marche, tu devras mettre ça dans ton CSS :

Code:
a.forumlinkfactionbleue:hover {
color: blue;
}

Si ça ne marche pas... je ne vois pas du tout comment faire .-.

BlueGhost
***

Masculin
Messages : 152
Inscrit(e) le : 19/07/2014

BlueGhost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur liens survolés différente selon catégorie de forum

Message par Neptunia le Lun 22 Aoû 2016 - 23:01

Si j'ai bien compris, le titre de catégorie est en rouge par défaut et ailleurs c'est un code html inséré directement dans le nom de la catégorie qui colorise en bleu ou en gris ?

Ce code CSS devrait faire l'affaire :
Code:
a.forumlink[href^='/f2-']:hover, a.forumlink[href^='/f16-']:hover, a.forumlink[href^='/f17-']:hover, a.forumlink[href^='/f22-']:hover, a.forumlink[href^='/f37-']:hover, a.forumlink[href^='/f26-']:hover, a.forumlink[href^='/f21-']:hover, a.forumlink[href^='/f27-']:hover, a.forumlink[href^='/f29-']:hover
   {
 color: #3A4F9C;
   }

Neptunia
+ Hyperactif +

Féminin
Messages : 10974
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur liens survolés différente selon catégorie de forum

Message par Louve Brune le Lun 22 Aoû 2016 - 23:57

Merci pour ces dernières réponses Surprised et bravo Neptunia !!! Vraiment, ça marche du tonnerre !

Résultat j'ai pu faire la même chose mais en "gris" pour les zones neutres ^^ merci infiniment ! Problème résolu !

Louve Brune
Nouveau membre

Messages : 5
Inscrit(e) le : 16/08/2016

http://la-ville.frbb.net/
Louve Brune a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur liens survolés différente selon catégorie de forum

Message par BlueGhost le Mar 23 Aoû 2016 - 1:47

Hé hé, bravo Neptunia ^^
Et content de voir que ton problème est résolu Wink

BlueGhost
***

Masculin
Messages : 152
Inscrit(e) le : 19/07/2014

BlueGhost 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