- Statut : non résolu
- Ce sujet contient 13 réponses, 4 participants et a été mis à jour pour la dernière fois par
Olivier C, le il y a 14 années.
-
AuteurMessages
-
18 juin 2011 à 18 h 14 min #496420
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : la dernière du 18/06/2011
– Version de PHP/MySQL :
– Thème utilisé : arras
– Extensions en place :
– Nom de l’hebergeur : ovh
– Adresse du site : http://www.apps-ipad.netProblème(s) rencontré(s) :
Je souhaite changer la couleur de mes liens.
voici le bout de code que j’ai trouvéa, a:link, a:visited { color: #313428; text-decoration: none; }
a:hover { color: #CC0000; }mon souci c’est que quand je modifie la première couleur c’est tous les liens du site qui change (y compris titre etc…)
Or je souhaite changer la couleur juste des liens dans les articles…Je dois rajouter quoi ?
Merci d’avance
18 juin 2011 à 19 h 25 min #777295Essaye d’ajouter ceci dans ton style.css :
.entry-content a, .entry-content a:link,.entry-content a:visited {color: #313428; text-decoration: none; }
.entry-content a:hover { color: #CC0000; }18 juin 2011 à 19 h 51 min #777296okay, et je ou je dois modifier la couleur lien ? (manière que je vois a différence)
18 juin 2011 à 20 h 12 min #777297j’ai essayé. C’est presque ça.
Seuls les liens ont changés de couleurs mais :
Les titres cliquable sont bleu, et deviennent violet quand on clique dessus, et ça le reste.
19 juin 2011 à 6 h 38 min #777298Pour moi cela ne semble pas changer les titres (les related posts oui mais pas les titres) en ajoutant la règle dans firebug.
19 juin 2011 à 7 h 09 min #777299Ben disons que à la base les titres sont noirs, et après le code ils devienne bleu, voir violet quand on a cliqué dessus
20 juin 2011 à 5 h 18 min #777300Bon pour le moment j’ai juste activé le soulignage.
Ça me permet d’avoir le soulignage sur tous les articles. Malheureusement les titres des articles aussi et tout autre lien présent. Du coup ça me surcharge visuellement le blog.
Pas d’autres idées pour le code ?
22 juin 2011 à 19 h 12 min #777301petit up ?
22 juin 2011 à 21 h 28 min #777302Salut a-snowboard,
Une petite explication de ce qui as été donné plus haut : tout les articles sont insérés dans une div (
…), pour votre thème la div comporte la class « entry-content » (
). Donc, si l’on veux changer seulement les liens des articles (par exemple en noir par défault et en blanc sur le passage de la souris), il faut écrire dans la feuille de style :.entry-content a
{
color:#000
}
.entry-content a:hover
{
color:#FFF
}Bien à vous
22 juin 2011 à 21 h 37 min #777303Merci ! Je teste ça dès que j’ai un peut de temps ! Demain j’ai un examens donc la couleur des liens hypertexte n’est pas ma priorité
Bonne soirée !
22 juin 2011 à 22 h 45 min #777304Salut !
Pas réussi à le faire marcher. Je dois pas bien comprendre le lieu exact de l’emplacement sur la feuille de style
Voici mon bout de code actuel :
a, a:link, a:visited { color: #313428; text-decoration: underline; }
a:hover { color: #CC0000; }J’ai mi le soulignement car j’ai pas eu le choix. Sauf que ça me souligne tout ce qui à un lien…
Olivier C : J’ai rajouté ton code, ça n’a rien fait…
6 juillet 2011 à 9 h 27 min #777305Bonjour
Après les déclarations css de Olivier C.
A l’endroit du où se trouve le lien hypertexte dont la couleur doit changer :
– Déclares un conteneurqui encadrera la déclaration du lien en questionSalut WP
6 juillet 2011 à 9 h 50 min #777306Donc si je comprend bien je dois faire la modification, a savoir rajouter le conteneur a chaque article ?
10 juillet 2011 à 10 h 45 min #777307Désolé, je ne reçois pas les notifications du forum WP quand il y a une réponse sur un topic… donc pour revenir à nos moutons :
« Donc si je comprend bien je dois faire la modification, a savoir rajouter le conteneur a chaque article ? »
Non, cette classe est déjà par défaut dans les structures de pages et d’articles de votre thème Arras (à écuros : dans le thème Arras il s’agit bien d’une classe « . », et non d’une id « # »).
L’endroit où insérer le code que j’ai proposé plus haut a son importance : il doit être placé après la déclaration générale sur les liens sinon c’est la dernière déclaration qui prime. Si le problème persiste un moyen simple est d’écrire le code que j’ai proposé plus haut en ajoutant un « !important ». Ce type de configuration du css ignorera l’ordre de positionnement de la déclaration ainsi que l’héritage du style :
.entry-content a
{
color:#000 !important;
}
.entry-content a:hover
{
color:#FFF !important;
} -
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.