Catégorie - Problème avec la couleur des liens

[.cranberry]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début de la catégorie, donc 1 mois.
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonsoir

J'ai actuellement un codage qui me va à merveille mais j'aimerai pouvoir le personnaliser encore plus pour que tout soit parfait
Première image , j'ai ceci et j'aimerai pouvoir mettre une couleur (différente) 1 lien sur 2 comme ceci. Seulement je n'arrive pas à le faire et je ne comprends pas pourquoi.
Seriez-vous arranger ce petit soucis ?



Merci beaucoup

[Neptunia]

Bonjour ^^

Première image , j'ai ceci et j'aimerai pouvoir mettre une couleur (différente) 1 lien sur 2 comme ceci. Seulement je n'arrive pas à le faire et je ne comprends pas pourquoi.

Qu'avez vous essayé comme code pour y parvenir ?

[.cranberry]

Bonsoir
Merci beaucoup de ta réponse rapide Neptunia
Alors j'ai essayé de mettre une nouvelle class mais je pense que j'ai du mal l'écrire, car je ne m'y connais pas grand chose. Du coup j'y suis allée au pif et j'ai carrément loupé ! Ne te moque pas :lol!:

[Neptunia]

C'est presque ça !!

Pair / Impair -> Faites vos jeux sur w3c.org

[.cranberry]

Je viens de regarder ton lien (d'ailleurs je ne savais pas que l'on pouvait le faire en colonne alors merci ♥ ) mais je ne comprends pas bien ce qu'il faut que je mette dans mon css ainsi que dans la description de ma catégorie

[Neptunia]

Normalement dans la description de catégorie il n'y a rien de particulier à mettre.

Au niveau du css, il me semble que ça devrait donner.

Code:

.cate-links a {
  css à exécuter pour tous les liens non survolés
}
.cate-links a:nth-child(even) {
  css à exécuter pour les liens pairs (2, 4, 6 ...)
}
.cate-links a:nth-child(odd) {
  css à exécuter pour les liens impairs (1, 3, 5 ...)
}
.cate-links a:hover {
  css à exécuter pour tous les liens survolés.
}

[.cranberry]

Donc je dois aussi mettre la première ligne de css à exécuter pour tous les liens non survolés ?

[Neptunia]

Le premier bloc sert surtout à mettre ce qui ne change pas entre les liens pairs et impairs : ici taille alignement du texte et bordures.

On pourrait s'en passer mais ça imposerait de répéter certaines lignes pour les 2 blocs (pairs et impairs)

[.cranberry]

D'accord, mais si je mets ça dans le css ça ne fonctionne pas..

[Neptunia]

Essayez de remplacer toutes les occurences de :
cate-links a par cate-links span a

Sinon petit conseil sur les liens :

Code:

<a href="http://peoples-glory.forumactif.ws/f39-les-questions-et-suggestions-des-membres">Questions et Suggestions</a>

peut s'écrire :

Code:

<a href="/f39-les-questions-et-suggestions-des-membres">Questions et Suggestions</a>

pour les liens internes. Ca permet aux liens de rester fonctionnels si l'adresse du forum change.

On peut même encore raccourcir comme ceci.

Code:

<a href="/f39-">Questions et Suggestions</a>

[.cranberry]

Voici mon nouveau code , qui ne marche toujours pas

Ah pour la petite astuce je la connaissais mais à vrai dire je ne savais même pas que l'on pouvait autant rétrécir ! Merci beaucoup !

[Neptunia]

Ah je pense avoir compris d'où vient le problème.

Chaque span ne propose qu'un seul lien, du coup c'est toujours le css "impair" qui entre en action.

Essayez de supprimer les span et rajouter la class gensmall directement au div exacxtement comme vous aviez fait pour la description.

[.cranberry]

Essayez de supprimer les span et rajouter la class gensmall directement au div exacxtement comme vous aviez fait pour la description.

J'ai l'air affreusement nulle mais où dois-je le faire ? Car j'ai supprimé les span pour mettre gensmall dans mon css mais ça marche pas donc j'ai du foirer dans la compréhension

[Neptunia]

Et bien la liste de liens pourrait s'écrire :

Code:

<div class="cate-links gensmall">
  <a href="http://peoples-glory.forumactif.ws/f130-">Absences</a><br />
  <a href="http://peoples-glory.forumactif.ws/f117-">Suppressions</a><br />
...
...
</div>

Sinon, je n'avais pas prêté attention au fait que les liens étaient inscrits en dur au lieu d'utiliser la fonction native Forumactif. Vous auriez pu aussi attribuer directement la class aux liens.

Vous aviez essayé

Code:

 <span class="gensmall" "cate-links a">

Pour mettre deux class à un même élément il faut simplement les séparer d'un espace (comme vous aviez fait pour la description

<div class="cate-desc gensmall">

Donc vous pourriez aussi utiliser la syntaxe suivante pour les spans de vos sous-forums

Code:

<span class="gensmall impair">

ou mettre le sélecteur directement sur le lien

Code:

<a class="impair" href="/f130-l">Lien 1</a><br />
<a class="pair" href="/f117-l">Lien 2</a><br />

[.cranberry]

Bon je ne comprends pas, car j'ai tout testé.. même en mettant tes codes dans ma description de catégories et ça ne fonctionne pas. J'ai toujours qu'une couleur de liens et non 1 sur 2

[Neptunia]

Vous avez toujours les span dans votre code html...

Supprimez les span et remplacez

Code:

<div class="cate-links">

par

Code:

<div class="cate-links gensmall">

[.cranberry]

Alors actuellement j'ai ça dans mon code de description

[Neptunia]

Moi je vois surtout que cette fois ça fonctionne mais :

Pour la couleur des liens, vous avez mis deux fois la même

Pour la couleur de fond, les deux couleurs sont tellement proches que personnellement je ne vois pas la différence mais cette fois un lien sur deux a bel et bien une couleur différente.

[.cranberry]

J'ai changé les couleurs pour que ça soit plus tranchées et effectivement ça fonctionne !!
C'est parfait comme ça, je te remercie infiniment de m'avoir aidé pour trouver cette astuce :thanks: