> Tous les forums > Forum des Webmasters
 une couleur de lien en fonction de l'adresseSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
philbouq
  Posté le 20/02/2010 @ 10:08 
Aller en bas de la page 
Petit astucien

Bonjour à toutes et à tous,

Je tente de construire mon site avec Dreamweaver MX.

Dans une page de mon site, je souhaiterais mettre des liens. jusque là, tout va plutôt bien.

Ce que je cherche à faire, c'est d'avoir une couleur de police différente dans ces liens en fonction de l'adresse cible du lien justement.

Du genre, les liens vers mon site en bleu et les liens externes en violet par exemple. Et même, si cela est possible, ceux vers telle racine en rouge et ceux vers telle autre racine en vert...

J'espère avoir été assez explicite.

Bonne jouréne à vous et bon week-end.

Publicité
JVelon
 Posté le 20/02/2010 à 10:54 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Je propose de passer par la feuille de style, qui restera efficace même si on change d'outil.
Créer une classe pour chaque type de lien.
Les noms de classes seront par exemple :
- lienint (comme lien interne)
- lienext (comme liens externe)

Dans la feuille de style, affecter une couleur à chaque lien, par exemple :
.lienint {color:00066;}
.lienext {color:00088;}

Dans les pages, affecter une classe à chaque lien, par exemple :
<a href='...' class='lienint'>...</a>

Sinon, on peut aussi faire une script javascipt qui analyse tous les liens de la page , et qui surcharge la couleur (style.color) en fonction de la propriété href du lien, mais, il sera alors nécessaire de tester sur tous les types de navigateurs, et le lien s'affichera d'abord avec sa couleur standard, avant de passer à la couleur choisie, donc pas trés 'propre'...

Goretex
 Posté le 20/02/2010 à 10:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Salut,

Crées des classes dans ta feuille de style CSS :

a.externe:link { color : #3C5279; }
a.externe:visited { color : #3C5279; }
a.externe:hover { color : red; }

a.interne:link { color : #fff; }
a.interne:visited { color : #fff; }
a.interne:hover { color : red; }

Et ensuite, appel ces classes dans les liens :

<a href="liens_externe.html" class="externe">Lien externe</a>
<a href="liens_interne.hml" class="interne">Lien interne</a>

Goretex
 Posté le 20/02/2010 à 11:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

JVelon,

plus rapide que moi...

philbouq
 Posté le 20/02/2010 à 11:05 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Et ben bravo et merci à vous deux !

ça a l'air si simple !!

Petite question subsidiaire :
j'ai un fichier header qui s'insère dans chaque page du site. Puis-je mettre les classes des liens dans ce fichier header ? Elles seront ainsi comprises dans chaque en-tête de page.

Non ?

Goretex
 Posté le 20/02/2010 à 13:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Salut,

Par contre, il faut que ce fichier "header" soit inséré entre les balises HEAD, et appelle ta feuille CSS ainsi :

<link href="http://www.tonsite.com/dossier/style.css" rel="stylesheet" type="text/css" />

ou sinon tu déclares les style, mais encore une fois, entre les balises HEAD

philbouq
 Posté le 21/02/2010 à 22:17 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Merci Goretex.

Encore une fois !

Goretex
 Posté le 21/02/2010 à 22:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

{#} de rien...

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
78,11 €SSD Interne M.2 NVMe Samsung 970 Evo Plus 500 Go à 78,11 € livré
Valable jusqu'au 27 Janvier

Amazon Allemagne fait une promotion sur le SSD Interne M.2 NVMe Samsung 970 Evo Plus 500 Go qui passe à 73,50 €. Comptez 4,61 € pour la livraison en France, soit un total de 78,11 € livré en France. On le trouve ailleurs autour de 100 €. Ce SSD offre des taux de transfert de 3500 Mo /s en lecture et 3300 Mo/s en écriture. Une bonne affaire.

Vous pouvez utiliser votre compte Amazon France sur Amazon Allemagne et il n'y a pas de douanes. Si vous êtes perdu en allemand, vous pouvez traduire le site en anglais.


> Voir l'offre
139,99 €Disque dur externe USB 3.0 Seagate 8 To à 139,99 €
Valable jusqu'au 27 Janvier

Fnac propose actuellement le disque dur Seagate Expansion Desktop Drive 8 To à 139,99 € livré gratuitement alors qu'on le trouve ailleurs à partir de 180 €. Le disque est non soudé et vous pourrez le récupérer pour l'utiliser dans un ordinateur, un NAS, etc. Connexion USB 3.0.


> Voir l'offre
68,28 €Souris Logitech MX Anywhere 3 (Bluetooth, Unifying) à 68,28 € livrée
Valable jusqu'au 26 Janvier

Amazon Allemagne fait une promotion sur la nouvelle souris sans fil Logitech MX Anywhere 3 qui passe à 63,43 € (avec la TVA ajustée). Comptez 4,85 € pour la livraison en France soit un total de 68,28 € livrée alors qu'on la trouve ailleurs à partir de 90 €. Cette souris que vous pourrez emporter partout avec votre PC ou Mac portable offre une double connectivité sans fil unify ou Bluetooth. Son capteur laser Dark field vous permettra de l'utiliser sur n'importe quelle surface et sa molette débrayable permet un défilement ultra rapide. Prévue pour la polyvalence et la mobilité, vous pouvez appairer cette souris à trois appareils simultanément ! Choisissez ensuite facilement quel appareil contrôler via le curseur placé sous la souris. De plus, grâce au logiciel Logitech Options, copiez-collez des documents et des images d'un ordinateur à l'autre juste avec la souris, même entre MacOS et Windows.

Vous pouvez utiliser votre compte Amazon France sur Amazon Allemagne et il n'y a pas de douane. Si vous êtes perdu en allemand, vous pouvez traduire le site en anglais.


> Voir l'offre

Sujets relatifs
changement de couleur d'un lien visité
crée un lien sans l adresse
lien en couleur
Enlever la couleur violet sur un lien ! HELP
pb de couleur de lien sur une image en jvs
lien adresse avec NVU
modifier la couleur d'un lien? comment faire?
lien qui a une fonction de submit
Changer la couleur d'un lien
Masquer l'adresse d'un lien...
Plus de sujets relatifs à une couleur de lien en fonction de l''adresse
 > Tous les forums > Forum Forum des Webmasters