Flux rss
Collection CommentCaMarche.net
Rechercher : dans
Par : Mots clés Nom d'utilisateur
Messages sans réponse

[CSS] couleur pour des liens de menu

kyky, le vendredi 13 janvier 2006 à 12:36:23 
 Signaler ce message aux modérateurs

Bonjour,

Je suis en train de mettre en place un menu situé sur la gauche de ma page. Par défaut, le texte du menu est en blanc et devient noir quand la souris passe dessus. J'aimerai que lorsqu'on clic sur un des menus, il se colorie en orange. Jusque là tout va bien. Mais j'aimerai aussi que lorsque je clic sur un autre menu, celui se colorie en orange tandis que les autres reprennent leur apparence initiale (soit en blanc et en noir quand on passe dessus). C'est là que je bloque. Quelqu'un aurait-il une idée?
Merci d'avance

kyky

Configuration: Windows XP professionnel

1

txiki, le vendredi 13 janvier 2006 à 13:12:06

Salut kyky,
Tu devrais faire une feuille de style (enregistrer l'exemple ci-dessous en .css). Ainsi tous les liens de ton menu auront cette apparence.
NOTE: tu peux supprimer le mot menu comme ça TOUS les liens de ton site seront comme ça.

.menu a { /* Les liens qui ne sont pas sous le curseur. */
	color: #FFFFFF; //ta couleur
	text-decoration:none; // pas de soulignement
	font-family:Arial,Verdana; // la font du texte
}
.menu a:hoover { /* Les liens lorsque le curseur est dessus. */
	color: #FFFFFF; //ta couleur
	text-decoration:none; // pas de soulignement
	font-family:Arial,Verdana; // la font du texte
}
.menu a:visited { /* Les liens visités. */
	color: #FFFFFF; //ta couleur
	text-decoration:none; // pas de soulignement
	font-family:Arial,Verdana; // la font du texte
}
Ca s'appelle une classe.
Bon courage !

Le bonheur est la seule chose que l'on peut donner sans l'avoir.

Répondre à txiki

2

crycry, le vendredi 13 janvier 2006 à 14:10:06

Merci pour cette réponse, mais c'est ce que je fait déjà. Voici ci-dessous mes classe css:

.subMenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 16px;
color: #FFFFFF;
}


A.subMenu:hover { color: #000000;}

A.subMenu:visited {color:#F3BE00;}

A.subMenu:hover { color: #000000;}

Le problème est que mes liens récemment visités restent orange alors que je veux qu'ils redeviennent blanc dès que je clic sur un autre menu. De cette façon, l'utilisateur sait toujours dans quel menu il est actuellement. Une idée ???
Merci encore

crycry

Répondre à crycry

3

txiki, le vendredi 13 janvier 2006 à 14:21:34

Pourquoi A.subMenu:hover { color: #000000;} est en double ???
Dans ton cas, tu devrais mettre, en plus:

A.subMenu:active { color: #000000;} /* ta couleur pour le lien actif c'est à dire celui qui est en trin d'etre visité */

N'hésite pas à mettre des commentaires dans tes CSS entre /* et */.
ça permet de mieux voir plus tard ton code.

Le bonheur est la seule chose que l'on peut donner sans l'avoir.

Répondre à txiki

4

crycry, le samedi 14 janvier 2006 à 18:11:17
  • +1

Si A.subMenu:hover { color: #000000;} est en double, c'est parceque le fichier CSS est lu de façon séquentiel. ça permet que mes liens redeviennent noir quand la souris passe dessus après l'avoir récemment sélectionné, sinon il reste orange tout le temps.
Sinon, le A.subMenu:active ne résout pas mon problème: après avoir sélectionné un menu, puis un autre, le premier reste en orange alors que je veux qu'il redevienne blanc. L'utilisateur sait ainsi dans quel menu il navigue actuellement. A priori, il n'y a pas de solution avec un fichier css. Par contre, j'ai peut-être trouvé une solution en insérant du JSP dans ma page. Je teste...
Merci et à plus

crycry

Répondre à crycry

5

NeMMo, le vendredi 18 janvier 2008 à 14:53:50

Salut a tous. Moi aussi, jaimerais bien faire la même chose que toi. Si quelqu'un sait. il serai t bien gentil de me donner un coup de main. merki. ;p

Répondre à NeMMo

6

NeMMo, le vendredi 18 janvier 2008 à 15:21:07

J'ai trouver ce bout de code :

function changeColor(myElement){
var links = document.getElementsByTagName('a');//On créé un tableau comprenant tous les liens de la page.
for(var i=0;i<links.length;i++)
links[i].style.color = '#002B9E'; //On donne la couleur 002B9E à tous les liens de la page.

myElement.style.color ='#FF0000'; //On donne la couleur FF0000 au lien venant d'être cliqué.
}

et voici lapel dans un onclick :

onClick="changeColor(this);"

mais je n'arrive pa a l'intégrer a mon code de menu :


if ($pt->child==null) // Pour rajouter la flêche si besoin
{
echo "document.write(\"<tr><td id='",$pt->id,"_td' valign='middle' class='item' onmouseover=this.className='item_hover1';";
$this->hide_partiel($pt->dad,$pt->dad->child);
echo " onmouseout=this.className='item' onclick=this.className='item_hover2'><a href='",$pt->lien,"' class='item'>";
if ($pt->image!="")
{
echo "<img border=0 src='",$pt->image,"'> ";
}
echo $pt->name,"</a></td></tr>\")\n";
}

Esque quelqu'un a une solution ???

Merci d'avance

Répondre à NeMMo

7

NeMMo, le lundi 28 janvier 2008 à 11:14:34

Personne pour me répondre??? Please, Help ME !!!! :s

Répondre à NeMMo

8

Thomazevskhi, le jeudi 18 septembre 2008 à 23:58:08

Je ne peux pas t'aider à l'intégrer, mais par contre je peux te dire que c'est à mon avis pas une très bonne chose de faire du style avec du PHP, le css est beaucoup mieux pour ça. Mais ça ne répond pas vraiment à ta question, juste un conseil de faire un vrai style en css et tu n'auras pas de problème ;)

Répondre à Thomazevskhi

9

midiweb, le vendredi 21 novembre 2008 à 18:46:29

Salut, je suis dans le même cas et ne trouve pas la solution en css
Je voudrais que le lien sur lequel je clique reste sélectionné pendant que je lis la page relative à ce lien. Une idée?
Par ex. Je clique sur "Produits" et mon client lit les infos sur produits. Le lien "Produits" reste "allumé" ainsi le client sait dans quelle partie du menu il se situe au moment de la lecture.
A+

Répondre à midiweb

10

xavyeii, le mercredi 3 décembre 2008 à 19:07:15

Bonjour à tous,

Je me permet de déterrer le post de crycry du 14 janvier 2006 pour poser mon problème qui est sensiblement le même !

Voici mon code:

a {color: #6699CC; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#0000FF; text-decoration:none;}


Avec ce code les menus visités ne changent pas de couleurs. Normal vous me direz il n'y a pas ":visited"

Le voici inclus dedans:

a {color: #6699CC; text-decoration:none;}
a:visited {color:#EFA879; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#0000FF; text-decoration:none;}


Avec ce code là, les menus visités changent de couleurs mais ne reviennent pas à la couleur d'origine lorsqu'on change de menu.

Comment faire pour que la couleur d'origine revienne sur les menus lorsqu'on change de menu ?

Est-ce que quelqu'un aurait une solution ?


Merci d'avance,
Xavier

Répondre à xavyeii

11

 max, le lundi 25 mai 2009 à 19:10:08

Si si ça marche
il faut juste mettre :
#bouton:focus{


}
# si c'est un id

Répondre à max
[CSS] couleur des bouton radios Salut a tous !!! voila, j'ai un code CSS qui permet de changer la couleur des menu et des zones de texte ( +boutons radio ) et je voudrais savoir si il etait possible de ne pas appliquer ce code aux boutons radio ... voici le code : www.commentcamarche.net/forum/affich-1800333-css-couleur-des-bouton-radios
Couleur et menu deroulant en c (Résolu) bonjour je voudrai qu'on m'aide a ajouetr du style ames programmes ecrit en langage c (couleur et menu deoulant , mode graphique,...) vous etes prie de me repondre dans les bre dellais et merci d'avance www.commentcamarche.net/forum/affich-1869922-couleur-et-menu-deroulant-en-c
Couleurs de liens en html 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 www.commentcamarche.net/forum/affich-2351689-couleurs-de-liens-en-html
Un menu css avec sous menu horizontalBonjour, Je ne suis pas très douée en menu css, et j'aimerais savoir comment faire 2 choses, pour 2 sous menus différents: - réduire la taille des sous-menus verticaux, qu'ils ne soient pas aussi larges que le menu initial, - faire passer le sous menu... www.commentcamarche.net/forum/affich-9528240-un-menu-css-avec-sous-menu-horizontal
Couleurs Liens ExcelBonjour à tous, je souhaiterais changer la couleur du lien hypertexte lorsque il a déjà était visité (par défaut violet) et je n'arrive pas à trouver l option correspondante. Avez-vous une idée? Merci d'avance www.commentcamarche.net/forum/affich-678534-couleurs-liens-excel
Couleur liens dreamweaverBonjour 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
CSS - Les couleursLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de... www.commentcamarche.net/contents/css/css-couleurs.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
Les classes de style (CSS)Les classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des... www.commentcamarche.net/contents/css/cssclass.php3