Changer la couleur des liens dans les topics

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
coucou

Nous allons voir comment déposer des liens de couleurs différentes.

Pour l'exemple je prendrais un texte que je vais transformer afin de vous faire voir ensuite
le résultat hinhin .

Sur le forum des liens Utiles, on peut trouver des tonnes de tutoriels sur les Templates, astuces et
aussi de l'entre-aide informatique .
Le coin bonjour est toujours à votre disposition pour blablater de tout hinhin .


Allez c'est parti les ami(e)s

Dans ta feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style



Il faudra supprimer toutes les class comprenant hinhin .
Code:
a.postlink


Afin de me mieux se repérer dans les couleurs attribuées selon l'importance des mots, on nommera
les class de la même couleur clin oeil .

Exemple pour la couleur rouge:
La class sera comme ceci:
Code:
a.rouge{color:rouge;}
ou en couleur html : ( je vous le recommande car le choix est bien plus varié hinhin ).
Code:
a.rouge {color:#F60132;}

http://www.code-couleur.com/

Pour le texte ci-dessous j'ai déposé dans ma C.S.S les class suivantes:
Code:
a.rouge{color:#F60132;}
a.bleu{color:#0120EF;}
a.orange{color:#EF7001;}
a.vert{color:#09EF01;}
a.gris{color:#8F908F;}
a.violet{color:#E374E0;}


Si je veux afficher "le forum des liens Utiles" en rouge il faudra procéder de cette façon.
En sachant que le lien correspondant est :
https://www.milouze14.com/forum.htm

Le code html:
Code:
<a href="LE LIEN"class="LE NOM DE LA CLASS">LE TITRE</a>

Code:
<a href="http://le-site-milouze14.bbactif.com/forum.htm"class="rouge"> le forum des liens Utiles </a>

Le texte avec des couleurs bien distinctes hinhin

Code:
Sur <a href="http://le-site-milouze14.bbactif.com/forum.htm"class="rouge"> le forum des liens Utiles </a>, on peut trouver des tonnes de tutoriels sur <a href="http://le-site-milouze14.bbactif.com/f15-comprehension-des-templates"class="vert"> sur les templates </a> , <a href="http://le-site-milouze14.bbactif.com/f104-les-astuces-diverses-css"class="orange"> astuces </a>et aussi de  <a href="http://le-site-milouze14.bbactif.com/c4-l-informatique"class="gris"> l'entre-aide informatique </a>.<a href="http://le-site-milouze14.bbactif.com/t20532-bonjour-tout-le-monde"class="violet"> Le coin bonjour </a> est toujours à votre disposition pour blablater de tout  :dte: .

Le résultat:
Sur le forum des liens Utiles , on peut trouver des tonnes de tutoriels sur sur les templates , astuces et aussi de l'entre-aide informatique . Le coin bonjour est toujours à votre disposition pour blablater de tout hinhin .
Rappel


Il faudra supprimer toutes les class comprenant hinhin .
Code:
a.postlink



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum