Annonce ToutSurTout

Bienvenue sur toutsurtout.biz

Déjà 15 ans !

Radio TST

Si vous souhaitez participer vous aussi aux discussions sur le forum, il faut vous inscrire ou vous identifier.

Le Thème TST Automne est maintenant en place.

Les inscriptions sont actuellement OUVERTES.

Message 1 Discussion postée le 29-09-2009 à 01:11:32

Philippe
Avatar de Philippe


Titre: Banni
Avancement: Niveau 3
Date d'inscription: 26-09-2009
Messages: 3 660

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

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

</font>
<font id="voyant"><style type="text/css">
a {
color:#008000;
text-decoration:none;
}
a:hover {
color:#FF0000;
text-decoration:underline;
}</font>
<font id="voyant">a:visited {</font>
<font id="voyant">                 color:#008000;
text-decoration:none;</font><font id="voyant">}
</style></font>

<font id="voyant">



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.

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


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 ; }



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


https://www.world-lolo.com/images/uploads/image.num1445754529.of.world-lolo.com.jpg
Des stades aux entrées payantes sont pleins de gens qui pensent que ceux qu'ils applaudissent sont trop payés, et les bibliothèques à l'entrée gratuite sont vides des gens qui pensent que les livres sont trop chers ...
 

Message 2 Réponse postée le 23-11-2009 à 18:25:45

Caroline
Avatar de Caroline


Titre: Modératrice de choc
Avancement: Niveau 3
Lieu: Marne
Date d'inscription: 27-09-2009
Messages: 5 352

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

+1


http://www.toutsurtout.biz/img/UserBarTST.gif
https://www.world-lolo.com/images/uploads/image.num1258671799.of.world-lolo.com.jpeg