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

#contenu a
{
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"

#contenu a:hover
{
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.

 

Voilà ce que ça donne : BRIC A BRAC

 

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.

 



23/05/2008
7 Poster un commentaire

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 42 autres membres


Rechercher sur Diztest ? :

Recommander ce blog | Contact | Signaler un contenu | RSS | Espace de gestion

retour Accueil Page precedente Bas de page Plein ecran - Retour alt+F4 Haut de page Page suivante Envoyer un mail a PapyClic le webmaster de Test-DizPerso