rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

[CSS] couleur pour des liens de menu

kyky, le vendredi 13 janvier 2006 à 12:36:23
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
Répondre à kyky  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
crycry, le samedi 14 janvier 2006 à 18:11:17
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 NeMMo, le lundi 28 janvier 2008 à 11:14:34
Personne pour me répondre??? Please, Help ME !!!! :s
Répondre à NeMMo
Logiciels pertinents trouvés dans les téléchargements
Télécharger Thème chemin forestier  1Thème chemin forestier - Thème "Chemin Forestier" (Forest Road) est une petite touche naturelle dans ce monde de technologie et d'artificiel. L'image...Catégorie: Personnalisation
Licence: Freeware/gratuit
Télécharger Xenu's Link Sleuth 1.2jXenu's Link Sleuth - Xenu's Link Sleuth est un logiciel permettant de vérifier les liens brisés d'un site web. La vérification est effectuée...Catégorie: Webmaster
Licence: Freeware/gratuit
Télécharger la boite a couleurs 1.6.15la boite a couleurs - La Boîte à Couleurs est une application pour Windows écrite par Benjamin Chartier. Comme son nom l'indique, il offre des...Catégorie: Couleur
Licence: Freeware/gratuit
Télécharger Menu Inventor 1.1Menu Inventor - En dehors du fait que le démarrage de votre ordinateur se trouve lent et chaotique, en plus l'organisation des menus n'est...Catégorie: Optimisation
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « [CSS] couleur pour des liens de menu »