Tayo
Astuce et Tutorial » Programmation / Developpement » css-et-design » Aide rédigée par Zabuza
Description de cet article : Un peu d'aide pour les lien
Lire les commentaires

Faire apparaître le même style de lien <a href sur toutes ses pages


Cette petite astuce permet de faire apparaître un même et unique lien sur toutes les pages de son site .html .php ..


 




Pour faire apparaître le même type de lien ( couleur, taille, police ou autre ) il suffit d'ajouter dans votre fichier .css ( dans ce cas là enlevez les balises <style Type=> )



[code=css]


<style type="text/css">

a {

color:#008000;

text-decoration:none;

}

a:hover {

color:#FF0000;

text-decoration:underline;

}


a:visited {


color:#008000;

text-decoration:none;
}

</style>

 


[/code]



Après le a, vous trouvez:

color:#008000; : définit la couleur de tous les liens de la page. Ici, ils seront verts.

text-decoration:none; : ici, on indique que les liens ne seront pas soulignés.



Après le a:hover, les attributs du style des liens au passage de la souris:

color:#FF0000; : indique que les liens passeront au rouge au passage de la souris.

text-decoration:underline; : ici, on indique qu'ils se souligneront.



Le a:visited indique comme son nom l'indique un lien déjà visité. Ici on ne change rien. Vous pouvez également ajouter d'autres styles comme font-family pour définir la police d'un lien...

 


Cependant, si vous voulez définir une classe pour un ( avec la balise class= lien et ainsi éviter le "même style de lien" il convient d'utiliser (en partant du principe que la classe de notre lien <a href s'appelle maclasse ) :


[code=css]


a.maclasse:hover { color:#00800 ; }


a.maclasse:visited { color:#00800 ; }


[/code]


Le code du lien html sera <a href='mapage.html' class='maclasse'>Ma page</a>



réduireNews
réduireTutoriel lié
  • Sauvegarder ses favoris dans Firefox 3.0
    Sauvegarde mes marques pages !
  • Faire apparaître le même style de lien
    Un peu d'aide pour les lien
  • Supprimer un site de Firefox
    Supprimer un lien / site complet de l'historique navigation Firefox
  • Définition : css
    Css, kesako ?
  • Dans la même catégorie : css-et-design

    Passer l'activation de Windows 7 temporairement avec invite de commande

    Faire tourner un div d'un certain angle en css
    réduireSocial

    rss 3D png rss 3D png


    Pseudo :
    Pass :
    Les lecteurs ont donné une note moyenne de :
    note 9
    Note: 9 sur 10

    Donnez votre note à ce tuto sur 10 :

    Comment éviter les longs mots de détruire le désign ?

    Faire tourner un div d'un certain angle en css


    Prendre contact avec Tayo.fr :
    Formulaire Tayo

    Tayo.fr, copyright jusqu'en 2233 ( Au moins ! ).