Jump to content

Lien couleur


requin`

Recommended Posts

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

Link to comment
Share on other 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

Link to comment
Share on other 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 ;)

Link to comment
Share on other 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).

Link to comment
Share on other 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.

Link to comment
Share on other 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!/

Link to comment
Share on other 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 !

Edited by rperruez
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...