Les liens dans le "Contenu"
En mauve sur l'image
Les liens par défaut sont gérés par 2 règles de style, sur les balises HTML, "a" dans la Partie "Page > liens" et "a:hover" dans la Partie "Page > liens au survol", ici ce sont les liens dans le corps de vos articles.
Les liens ont une importance capitale dans un site, c'est la base d'une bonne navigation, il faut donc qu'ils soient facilement repérables par les visiteurs, surtout en dehors des menus.
C'est le cas dans le "Contenu" qui est la partie principale, une attention toute particulière sur les fonds de page avec image.
Partie "Contenu > liens"
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Décoration du texte | text-decoration | ||
| Taille de la police | font-size | ex: 10pt | |
| Famille de la police | font-family | ex: Arial, Verdana, Trebuchet MS |
Code CSS de cette partie
{
background : #CCFF99;
color : #009900;
text-decoration : underline;
font-size : 10pt;
font-family : Arial;
}
Partie "Contenu > liens au survol"
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Décoration du texte | text-decoration | ||
| Taille de la police | font-size | ex: 10pt | |
| Famille de la police | font-family | ex: Arial, Verdana, Trebuchet MS |
Code CSS de la Partie "Contenu > liens au survol"
{
background : #009900;
color : #CCFF99;
text-decoration : none;
font-size : 11pt;
font-family : Trebuchet MS;
}
Pour avoir plus de possibilités je rajoute 2 attributs, taille du texte font-size et famille de police font-family, dans l'onglet "Modification directe du CSS"
Une solution de facilité que je préconise, mettre la même couleur pour le fond du lien et le texte du lien mais dans une nuance opposée, claire et foncée, puis dans la règle "au survol" les mêmes couleurs inversées entre fond et texte.
Ceci en plus de la décoration du texte, souligné ou pas, de la taille des caractères et de la police.
Vous remarquerez également que tous les liens dans le "Contenu" voir en bas de la page les "Liens", ont le même format.
Dans le menu gauche les liens sont toujours paramétrés selon la régle qui gère leur partie.
Pour vous aider à réaliser, le code de vos liens à insérer dans le HTML de votre page, utilisez mon Générateur de lien très facile, juste un formulaire à renseigner.
