Discussion :

[midiweb]

salut,
débutant, j'utilise un CMS avec des feuilles CSS.
Je voudrais dans mon menu de gauche afficher le lien dans un autre couleur non seulement lorsqu'il est cliqué mais aussi pendant la lecture du texte correspondant afin de savoir où je suis pendant la lecture.
En bref, la couleur du clic doit rester affichée pendant la lecture.

N'est-ce pas :

a:active

(Mise en page du lien lorsque un clic est éffectué dessus)
ou

a:visited

(Mise en page du lien visité par défault)

a:hover

( Mise en page du lien lorsque la Souris le survole par défault) fonctionne

Voici la partie du menu avec les liens:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
#sidebar ul {
margin-left : 1em;
padding-left : 0;
}
#sidebar p {
margin-bottom : 8px;
}
#sidebar div.subtabs ul {
list-style : none;
width : 155px;
margin : 0;
padding : 0;
}
#sidebar div.subtabs ul ul {
list-style : none;
width : 130px;
margin : 0;
padding : 0 0 0 5px;
}
#sidebar div.subtabs ul ul ul {
list-style : none;
width : 125px;
margin : 0;
padding : 0 0 0 5px;
}
#sidebar div.subtabs ul a {
width : 100%;
margin : 3px;
text-align : left;
text-decoration : none;
display : block;
padding : 3px 3px 3px 5px;
border-bottom : 1px solid #949494;
border-left : 4px solid #cccccc;
font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
}
#sidebar div.subtabs ul a:hover {
text-decoration : none;
background : #eaeaea url(img/menubg2.gif) repeat-x left;
color : #da0434;
border-left : 4px solid #110200;
}
#sidebar div.subtabs ul a:active {
text-decoration : none;
background : #eaeaea url(img/menubg2.gif) repeat-x left;
color : #ff7100;
border-left : 4px solid #110200;
}

[Bovino]

N'est-ce pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

a:active

(Mise en page du lien lorsque un clic est éffectué dessus)

Attention, a:active modifie le style du lien lorsqu'il est activé, c'est-à-dire lorsque le bouton de la souris est appuyé sur le lien, pas lorsque tu es arrivé sur la page du lien.
Pour obtenir un style particulier pour le lien sur lequel tu te trouves, il faut créer une classe spécifique que tu attribues au lien correspondant à la page sur laquelle tu te trouves.

[midiweb]

Merci. Désolé pour ma résponse tardive. Je comprends en principe mais pas ton code. Peux-tu être plus explicite ou bien renvoie moi sur un site qui explique cela?Merci

[c_s_s]

Euh, faut pas faire attention au code dans la sgnatude de Bovino, ça n'a rien à voir avec le message.

(si c'est à ça que tu faisais allusion)

[midiweb]

ah bon! c'est encore pire, je comprends encore moins!
Il faut que cela css! hein!

Alors qui peut m'aider!? Je demande pas qu'on écrive tout le code à ma place seulement le petit bout de code qui me permet de laisser les liens actifs pendant la lecture, seulement ça, hein... allez ...je cherche de mon côté...
a+

[HiRoN]

Salut,

Plusieurs façons de faire mais dans l'idée (en php) :

Tu clique sur ton menu pour tomber sur pageX.php
Dans pageX.php, tu définis une variable, par ex : $page_en_cours = "PageX";
Ensuite, tu construis ton menu avec des il/else :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
if($page_en_cours == "PageX")
{
// On affiche le code du lien "menu activé"
}
else
{
//On est pas sur la page PageX donc on affiche le code du menu normalement
}

Et comme le dis Bovino :

Pour obtenir un style particulier pour le lien sur lequel tu te trouves, il faut créer une classe spécifique que tu attribues au lien correspondant à la page sur laquelle tu te trouves.

Donc dans le "if", tu mets ton menu modifié pour le lien "actif" (ayant une class spécifique) et dans le "else" le lien "normal" (non sélectionné)

Pour bien apprendre CSS, lire les tutoriels et cours de formation CSS : http://css.developpez.com/cours/

En espérant t'avoir aidé...