Aller au contenu

Lien couleur


requin`

Sujets conseillés

Bonjour la communauté :)

Je travail actuellement sur un nouveau site web et je souhaiterai que le lien sur lequel cliquera le visiteur reste d'une certaine couleur lorsqu'il visitera la page.

Par exemple, l'utilisateur clique sur le lien "Accueil", lorsqu'il sera sur accueil se lien sera rouge pour qu'il puisse facilement se repérer sur le site.

J'espere que mon explication est relativement claire :)

Merci d'avance à ceux qui prendront le temps de me répondre.

Bonne après-midi :)

Laurent

Lien vers le commentaire
Partager sur d’autres sites

A priori, le statement suivant dans la feuille de style pour gérer les états et cela devrait fonctionner

a:link {} 
a:visited {}
a:hover {}
a:active {}

cdt

Lien vers le commentaire
Partager sur d’autres sites

moi, je pense qu'il faut de toute urgence acheter au moins un livre ou parcourir les forums et sites spécialisés sur le BA-BA du html..

ce que je dis n'a rien de méchant, au contraire, il te permettra d'avancer très vite dans ton apprentissage ;)

Lien vers le commentaire
Partager sur d’autres sites

Dans le pricipe, il faut pouvoir identifier la page courante, pour attribuer une classe spécifique au lien actif (la solution de one2net colore TOUS les liens déjà visités, ce n'est pas le meilleur moyen de s'y retrouver).

A moins d'avoir un menu spécifique à chaque page (ce qui peut s'avérer très vite fastidieux), le seul moyen d'obtenir cet effet est d'utiliser un langage côté serveur (PHP, ASP, etc).

Lien vers le commentaire
Partager sur d’autres sites

Salut

le seul moyen d'obtenir cet effet est d'utiliser un langage côté serveur (PHP, ASP, etc).
Pas forcément.

Un moyen simple d'obtenir cet effet sans besoin d'un langage serveur est d'attribuer une class sur le <body> de chaque page. C'est très pratique ensuite pour pouvoir cibler n'importe quelle page bien précise depuis la CSS.

Par exemple, si ton menu est comme ceci

<ul>
<li><a href="/" id="accueil">Accueil</a></li>
<li><a href="/page1" id="page-une">Page Une</a></li>
<li><a href="/page2" id="page-deux">Page Deux</a></li>
</ul>

Alors, en attribuant les bonnes class sur les <body> de chaque page, il suffira d'avoir le code CSS suivant

.accueil #accueil {color: #f00}
.page-une #page-une {color: #f00}
.page-deux #page-deux {color: #f00}

Un bémol toutefois: c'est une solution qui est adaptée pour de petits sites statiques, et qui n'ont pas un grand nombre de pages.

Lorsqu'on a beaucoup de pages, il est effectivement préférable de passer par une solution côté serveur.

Lien vers le commentaire
Partager sur d’autres sites

Effectivement, je n'avais JAMAIS pensé à une telle solution. Et pourtant le principe est très logique ;) (j'aurai tout fait avec un langage serveur également).

Merci Dudu :P

/Désolé pour ce message qui n'apporte rien mise à part mon enthousiasme!/

Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

Tout dépend avec quel soft tu travailles !

Avec DRW tu as le choix de la couleur du lien

Sinon dans le code je fais comme ça :

a href=&quot;http://www.tropdepub.com/" class="bleulien">Trop de Pub !</a></td>

(evidemment tu prépares tes .css avant)

PS : J'arrive après la bagarre, je n'avais pas vu les réponses postées !

Modifié par rperruez
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...