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

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

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

Message par .cranberry le Mer 2 Mar 2016 - 0:07

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 Cool

J'ai actuellement un codage qui me va à merveille mais j'aimerai pouvoir le personnaliser encore plus pour que tout soit parfait Mr. Green
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 ? study



Merci beaucoup I love you


Dernière édition par .cranberry le Mer 2 Mar 2016 - 2:26, édité 2 fois

.cranberry
***

Féminin
Messages : 120
Inscrit(e) le : 29/05/2012

http://peoples-glory.forumactif.ws/
.cranberry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie - Problème avec la couleur des liens

Message par Neptunia le Mer 2 Mar 2016 - 0:20

Bonjour ^^

@.cranberry a écrit:
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 ?

Neptunia
+ Hyperactif +

Féminin
Messages : 10977
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: Catégorie - Problème avec la couleur des liens

Message par .cranberry le Mer 2 Mar 2016 - 0:24

Bonsoir Smile
Merci beaucoup de ta réponse rapide Neptunia Shocked
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 Embarassed lol!



Dernière édition par .cranberry le Mer 2 Mar 2016 - 2:26, édité 1 fois

.cranberry
***

Féminin
Messages : 120
Inscrit(e) le : 29/05/2012

http://peoples-glory.forumactif.ws/
.cranberry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie - Problème avec la couleur des liens

Message par Neptunia le Mer 2 Mar 2016 - 0:28

C'est presque ça !!

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10977
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: Catégorie - Problème avec la couleur des liens

Message par .cranberry le Mer 2 Mar 2016 - 0:30

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 scratch

.cranberry
***

Féminin
Messages : 120
Inscrit(e) le : 29/05/2012

http://peoples-glory.forumactif.ws/
.cranberry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie - Problème avec la couleur des liens

Message par Neptunia le Mer 2 Mar 2016 - 0:37

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10977
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: Catégorie - Problème avec la couleur des liens

Message par .cranberry le Mer 2 Mar 2016 - 0:42

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


Dernière édition par .cranberry le Mer 2 Mar 2016 - 2:27, édité 1 fois

.cranberry
***

Féminin
Messages : 120
Inscrit(e) le : 29/05/2012

http://peoples-glory.forumactif.ws/
.cranberry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie - Problème avec la couleur des liens

Message par Neptunia le Mer 2 Mar 2016 - 0:51

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)

Neptunia
+ Hyperactif +

Féminin
Messages : 10977
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: Catégorie - Problème avec la couleur des liens

Message par .cranberry le Mer 2 Mar 2016 - 0:52

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

.cranberry
***

Féminin
Messages : 120
Inscrit(e) le : 29/05/2012

http://peoples-glory.forumactif.ws/
.cranberry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie - Problème avec la couleur des liens

Message par Neptunia le Mer 2 Mar 2016 - 1:02

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>

Neptunia
+ Hyperactif +

Féminin
Messages : 10977
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: Catégorie - Problème avec la couleur des liens

Message par .cranberry le Mer 2 Mar 2016 - 1:06

Voici mon nouveau code , qui ne marche toujours pas silent

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 ! I love you


Dernière édition par .cranberry le Mer 2 Mar 2016 - 2:27, édité 1 fois

.cranberry
***

Féminin
Messages : 120
Inscrit(e) le : 29/05/2012

http://peoples-glory.forumactif.ws/
.cranberry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie - Problème avec la couleur des liens

Message par Neptunia le Mer 2 Mar 2016 - 1:21

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.


Dernière édition par Neptunia- le Mer 2 Mar 2016 - 1:43, édité 1 fois (Raison : Suppression du lien de démonstration)

Neptunia
+ Hyperactif +

Féminin
Messages : 10977
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: Catégorie - Problème avec la couleur des liens

Message par .cranberry le Mer 2 Mar 2016 - 1:24

Neptunia- a écrit: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 Confused Laughing

.cranberry
***

Féminin
Messages : 120
Inscrit(e) le : 29/05/2012

http://peoples-glory.forumactif.ws/
.cranberry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie - Problème avec la couleur des liens

Message par Neptunia le Mer 2 Mar 2016 - 1:41

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10977
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: Catégorie - Problème avec la couleur des liens

Message par .cranberry le Mer 2 Mar 2016 - 1:58

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

.cranberry
***

Féminin
Messages : 120
Inscrit(e) le : 29/05/2012

http://peoples-glory.forumactif.ws/
.cranberry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie - Problème avec la couleur des liens

Message par Neptunia le Mer 2 Mar 2016 - 2:03

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10977
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: Catégorie - Problème avec la couleur des liens

Message par .cranberry le Mer 2 Mar 2016 - 2:09

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


Dernière édition par .cranberry le Mer 2 Mar 2016 - 2:28, édité 1 fois

.cranberry
***

Féminin
Messages : 120
Inscrit(e) le : 29/05/2012

http://peoples-glory.forumactif.ws/
.cranberry a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Catégorie - Problème avec la couleur des liens

Message par Neptunia le Mer 2 Mar 2016 - 2:17

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

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

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.

Neptunia
+ Hyperactif +

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

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

Résolu Re: Catégorie - Problème avec la couleur des liens

Message par .cranberry le Mer 2 Mar 2016 - 2:25

J'ai changé les couleurs pour que ça soit plus tranchées et effectivement ça fonctionne !! I love you
C'est parfait comme ça, je te remercie infiniment de m'avoir aidé pour trouver cette astuce Thanks merci résolu

.cranberry
***

Féminin
Messages : 120
Inscrit(e) le : 29/05/2012

http://peoples-glory.forumactif.ws/
.cranberry 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