Changer la couleur des liens
eric
-
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis à la recherche d'un script qui permets de changer la couleur des liens qui est d'origine bleu foncé.
Merci à vous
Je suis à la recherche d'un script qui permets de changer la couleur des liens qui est d'origine bleu foncé.
Merci à vous
3 réponses
-
Bonjour,
Il n'est pas question de script mais de CSS ;) .
Dans ton fichier CSS tu écris ça
a {
color : #ff0000;
}
enfin là le ff0000 donne du rouge, tu mets la couleur que tu veux.
Ton site a été fait comment ? Avec un CMS ? Si oui tu dois déjà avoir un fichier CSS il te suffit de rajouter ça à la fin de ton fichier. -
Bonjour,
dans les styles :
a ou a:link sont similaires
a {color:#RRVVBB} // Lien normal non visité
a:link {color:#RRVVBB} // Lien normal non visité
a:visited {color:#RRVVBB} // Lien déjà visité
a:hover {color:#RRVVBB} // Quand la souris passe dessus
a:active {color:#RRVVBB} // Au moment où on clique sur le lien
a:hover doit être écrit après a ou a:link et a:visited
a:active doit être écrit après a:hover
L'attribut mis ici est la couleur du caractère au format hexadécimal rouge (RR), vert (VV), bleu (BB)
On peut rajouter aussi si on le souhaite :
la couleur du fond (background-color:#RRVVBB)
la graisse (font-weight:bold -ou normal-)
le style (font-style:italic -ou normal-)
le soulignement (text-decoration:underline -ou overline, line-through, blink, none-) -
petite précision
crée un dossier nommé par exemple "style" a la racine de ton site
met dedans un fichier nommé par exemple "monstyle.css" ou tu mets tous tes attributs de styles pour chaque élément de ton site
puis dans le head de chaque page tu mets
<link href="style/monstyle.css" rel="stylesheet" type="text/css" media="all">
cette ligne appelle le fichier de styles monstyle.css
cela permet de changer la mise en page sans avoir a modifier chaque page.
Des tutos ici
http://creer-un-site.fr
-
effectivement et même au lieu de définir les styles pour tous médias, différencier en insérant dans la page les deux feuilles de style :
<link rel="stylesheet" href="/styles/st_screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/styles/st_print.css" type="text/css" media="print" />
afin de rendre invisible certaines choses à l'impression (avec visibility:hidden), comme les menus, les logos, les liens "Retour haut de page", etc...
Bon on n'ira quand même pas jusqu'au ....media="braille" /> mdrrr... :o) quoique... -
-
-
-
-