Couleur des liens externes [Réglé]
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
Je cherche à différencier les liens externes par une couleur différente des liens du site?
j'utilise le thème de base de la version 4.1.
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
Si tu utilises le thème Base, il vaut mieux en faire une copie et utiliser la copie, sinon tes modifications seront perdues à la prochaine mise à jour
pour ta modif, je suppose qu'il faut créer un pseudo élément sur les liens (pas testé)
liens externes : a { couleur 1 }
liens internes : a[href*="http://monsite.fr"] { couleur 2 }
Edit (après tests)
il faut une triple déclaration dans un ordre bien précis
gestion des liens sans http (internes) : a { couleur 1 }
gestion des liens avec http (externes) : a[href*="http"] { couleur 2 }
gestion des liens avec http (internes) : a[href*="http://monsite.fr"] { couleur 1 }
Édité par babsolune Le 18/01/2016 à 15h27
Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
Code :
mais ça ne marche pas non plus.
href^="Édité par smaj Le 18/01/2016 à 14h27
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site
smaj Membre non connecté
-
Booster Roquette
- Voir le profil du membre smaj
- Inscrit le : 17/01/2016
- Groupes :
Petit complément pour les :hovers
.Code :
/* --- Les liens du site --- */
a {
color: #729FCF;
text-decoration: none;
}
a:hover {
color: #8AE234;
text-decoration: underline;
}
/* liens externe */
a[href*="http"] {
color: #F57900;
}
a[href*="http"] :hover {
color: #8AE234;
}
/* liens http internes */
a[href*="http://mon.site/"] {
color: #729FCF;
}Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie