Flux rss
Ils ont besoin de votre aide
Rechercher : dans
Par :

Couleurs de liens en html

kodjome, le jeudi 24 août 2006 à 14:07:43 
 Signaler ce message aux modérateurs

Bonjour,

Je crée un site en html et j'aimerais pouvoir mettre sur la même page des liens de couleurs différentes, mais, je ne sais pas comment faire
Pouvez vous m'aider sur ce sujet?

Merci d'avance

Meilleures réponses pour « couleurs de liens en html »
Posez votre question Répondre

1

sebsauvage, le jeudi 24 août 2006 à 14:11:17
  • +9

Et hop... un petit exemple.
(Vive les CSS) 

<style type="text/css">
<!--
a.type1 { color: red; }
a.type1:hover { color: yellow;}

a.type2 { color: blue; }
a.type2:hover { color: green; }
-->
</style>


<a href="toto.html" class="type1">lien 1</a> <br>
<a href="titi.html" class="type2">lien 2</a>

   
Répondre à sebsauvage

13

fifi, le jeudi 2 octobre 2008 à 03:04:09

Vous pouvez le faire aussi avec l'html : voici un cours pour les débutants http://www.faclic.com/cours-html
Et voici une discussion qui vous aide : http://www.faclic.com/lien-reste-toujours-bleu-229.html

   
Répondre à fifi

2

sebsauvage, le jeudi 24 août 2006 à 14:12:55
  • +1

Le <style>...</style> est impérativement à mettre dans le <head>

   
Répondre à sebsauvage

3

Darshu, le jeudi 24 août 2006 à 14:25:14
  • +4

Juste quelques petites explications complémentaires : a.type1 définit la condition en règle générale, hover spécifie "quand la souris est dessus". On peut rajouter "visited" sur le même principe qu'hover, qui spécifie "un lien sur lequel on a déja cliqué" par exemple.

Mais il y a bien plus d'attributs que ça encore, regarde les possibilités avec les CSS :)
T'as pensé à regarder sur Google avant de poser ta question ? 

   
Répondre à Darshu

4

kodjome, le jeudi 24 août 2006 à 14:37:55

Merci pour vos réponses rapides.

J'ai regardé sur google mais je pensé qu'il y avait moyen d'y arriver sans utiliser de <style>

   
Répondre à kodjome

7

king, le dimanche 27 août 2006 à 17:10:44
  • +1

Effectivement possible mais moins cool que le CSS:

un brol du genre:
<body bgcolor="white" text="black" link="blue" vlink="orange" alink="brown">

le lien sera bleu, brun au clic, et orange en visité ;-)

   
Répondre à king

14

 amalthee, le jeudi 16 octobre 2008 à 12:26:03

J'ai essayé et ça marche. Je suis contente et soulagée de ne pas utiliser le css car c'est encore trop compliqué pour moi. Donc en ce qui concerne cette discution, par rapport à ton lien, je vais rajouter ma petite pierre à l'édifice.

Pour ceux qui comme moi ne veulent pas de ce cadre "hypertexte", on peut au lieu du nom des couleurs mettre le code des couleurs par exemple le code du fond du site. Je donne un exemple.

Ca c'est le premier exemple
<body bgcolor="white" text="black" link="blue" vlink="orange" alink="brown">

deuxième exemple
<body bgcolor="white" text="black" link="blue" vlink="#99FFCC" alink="brown">

Ce qui fait que si votre fond est vert céladon, le carré du lien hypertexte se confondra avec le fond et le tour est joué. Je n'ai mis qu'un exemple là où le lien apparait. Bien entendu on peut faire la même chose pour alink, text, bgcolor.

   
Répondre à amalthee

5

Fada09, le jeudi 24 août 2006 à 17:25:21
  • +1

Salut,

Ben si tu as trouvé une autre solution fais nous en profiter !!

Je doute fort quand même que tu ai trouvé mieux qu'avec les CSS (balise <style> dans le head, fichier .css externe ou attribut style dans ta balise <a>)
En tout cas la meilleure solution (la plus simple, la plus flexible et la plus standard) c'est celle décrite des CSS (décrite par sebsauvage)

++ ;-)
~ ~ Fada ~ ~ : Member of #Star!alco

   
Répondre à Fada09

6

Ssylvainsab, le dimanche 27 août 2006 à 12:06:17
  • +1

la meilleure solution (la plus simple, la plus flexible et la plus standard) c'est celle décrite des CSS (décrite par sebsauvage)

Tout a fait.

Par contre, si tu utilise seulement la propriété CSS :

a{color:red}                 /*les liens en général*/
a:hover{color:blue}   /*quand on passe la souris sur un lien*/
a:active{color:green}/*quand on clique sur le lien*/
a:visited{color:black}/quand le lien a déja été visité*/


Oui, donc je disais, si tu utilise seulement la proriété a, cela peut se répercuter sur d'autres éléments, nottament les ancres :

Si tu as une ancre comme : <a name="ancre">blabla</a>,
le code a{color:red} fera que ton ancre sera aussi en rouge.

Il vaut mieux utiliser a:link, de cette facon ca ne change que les liens :
a:link{color:red}
Sylvain

   
Répondre à Ssylvainsab

9

ekke, le jeudi 25 janvier 2007 à 11:10:05

Et si je n'ai pas accès aux balises <head> ni <body>, ni créer de feuilles CSS, il y a une autre alternative pour changer la couleur des liens (en fait je voudrais aucune couleur) ou c'est de l'utopie ? :D

Merci de votre aide.

   
Répondre à ekke

10

lefou4, le jeudi 25 janvier 2007 à 13:07:43

Comment veux-tu changer des lignes de code si tu n'as pas accès au code source ? Je ne comprends pas bien comment il est possible que tun'aies pas accès à ton propre site.

   
Répondre à lefou4

11

ekke, le jeudi 25 janvier 2007 à 13:33:00

Ce n'est pas mon site : c'est un minisite intranet dont on peut modifier certaines pages html via un éditeur wysiwyg intégré, et j'ai juste accès au code entre les balises <body></body> (mais pas à <body> elle même hélas!).

   
Répondre à ekke

12

Ssylvainsab, le jeudi 25 janvier 2007 à 14:11:46

Tu peux toujours essayer de mettre la balise style dans le body. Sylvain
"Join us now, and share the software. You'll be Free, hackers."

   
Répondre à Ssylvainsab
Posez votre question Répondre
Couleur liens dreamweaver Bonjour a tous, je voulais savoir si vous saviez comment mettre différents liens avec des couleurs différentes avec dreamweaver. C'est a dire qu'il y a bien l'option qui permet de définir la couleur du lien, la couleur du lien visité, mais c'est... www.commentcamarche.net/forum/affich-3641866-couleur-liens-dreamweaver
Passer un paramètre dans un lien html Bonjour, voici ma question : Est-ce qu'il est possible de passer un paramètre dans un lien html comme celui ci : www.commentcamarche.net/forum/affich-3699083-passer-un-parametre-dans-un-lien-html
[PHP] lien html dans email de confirmation Simple à priori, mais.... (lien html dans email de confirmation) Bonjour, je me permets de poster ce message, car je galère un peu sur un script de forum (nobodX). Lorque qu'un utilisateur répond à un message du forum, l'auteur est prévenu par mail,... www.commentcamarche.net/forum/affich-3143846-php-lien-html-dans-email-de-confirmation
Code hexadécimal d'une couleurVous voulez connaître le code hexadécimal d'une couleur, pour l'intégrer dans vos pages web ? Pour cela : Rendez vous sur ce site : colorpicker. Situez la couleur désirée à l'aide de la souris pour obtenir son code HTML. Voici un exemple : ... www.commentcamarche.net/faq/sujet-16916-code-hexadecimal-d-une-couleur
Problème pour ouvrir les liens dans OutlookSi Outlook est dans l'impossibilité d'ouvrir un lien hypertexte, ou si les liens dans les messages ouvrent l'explorateur sans charger la page Web, il suffit de suivre l'une des procédures suivantes : Méthode 1 Méthode 2 Méthode 3 Pour... www.commentcamarche.net/faq/sujet-2799-probleme-pour-ouvrir-les-liens-dans-outlook
[Word] Supprimer tous les liens hypertextesLorsque vous copiez-collez un extrait d'une page web, vous risquez fort d'obtenir dans le texte de nombreux liens hypertextes. Voici deux solutions pour supprimer les liens hypertextes d'un document Word. 1° solution : un lien hypertexte à la... www.commentcamarche.net/faq/sujet-4765-word-supprimer-tous-les-liens-hypertextes
Résultats pour couleurs de liens en html
[Java][RegExp] Extraire lien HTML (Résolu)Bonjour, Voilà je voudrais extraire d'une page HTML tout les liens qui y sont contenu. J'ai essayé un truc du style : Pattern pattern = Pattern.compile("( www.commentcamarche.net/forum/affich-367011-java-regexp-extraire-lien-html
Lien html sur ftpBonjour, Alors voila je suis débutant dans la programmation html. Mon problème, c'est que j'aimerais faire un lien html qui pointe sur un fichier .txt qui se trouve sur un serveur ftp. J'aimerais qu'en cliquant sur ce lien, toutes les données... www.commentcamarche.net/forum/affich-1865446-lien-html-sur-ftp
Lien html pour se déplacer dans une même page.Quelle est la syntaxe pour, dans le code Html, créer un lien qui t'envois plus bas dans le programme? (En gros, je cherche en Html, l'équivalent du GOTO de C++). www.commentcamarche.net/forum/affich-12155-lien-html-pour-se-deplacer-dans-une-meme-page
Résultats pour couleurs de liens en html
La table des couleursLe codage des couleurs Les couleurs en HTML sont définies par 3 nombres hexadécimaux représentant les tons de Rouge, de Vert et de Bleu (selon le codage RGB (Red Green Blue, en français : RVB) de la couleur choisie. Ainsi la syntaxe de codage... www.commentcamarche.net/contents/html/htmlcouleurs.php3
Les liens hypertextesPrésentation des ancrages Les liens hypertextes (ancrages) sont des éléments d'une page HTML (soulignés lorsqu'il s'agit de texte) permettant aux internautes de naviguer vers une nouvelle adresse lorsque l'on clique dessus. Ce sont les liens... www.commentcamarche.net/contents/html/htmlhypertxt.php3
Résultats pour couleurs de liens en html