A voir également:
- Menu CSS avec couleurs différentes
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Canon quick menu - Télécharger - Utilitaires
- Menu demarrer - Guide
- Menu contextuel windows 11 - Guide
3 réponses
GNRhic
Messages postés
390
Date d'inscription
samedi 29 décembre 2007
Statut
Membre
Dernière intervention
19 octobre 2010
89
18 févr. 2009 à 12:41
18 févr. 2009 à 12:41
Tu peux le faire avec des images, mais aussi en CSS, mais ce n'est pas très pratique.
En effet, dans ton HTML, il faudra que tu mette a chaque case de couleur un "class="rouge" (par exemple pour une case rouge), et dans ton CSS tu met :
.rouge
{
ton code CSS
ton code CSS
}
Tu met un point devant car c'est un Class, (au lieu du diese, quand c'est un ID).
En effet, dans ton HTML, il faudra que tu mette a chaque case de couleur un "class="rouge" (par exemple pour une case rouge), et dans ton CSS tu met :
.rouge
{
ton code CSS
ton code CSS
}
Tu met un point devant car c'est un Class, (au lieu du diese, quand c'est un ID).
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
24 févr. 2009 à 11:23
24 févr. 2009 à 11:23
salut,
Par contre je ne connais pas de propriété de lien comme a:hover .....
Auparavant j'utilisais la propriété selected mais comme id ...
et c'est la bonne technique !
le menu sélectionné genre :
et ta CSS :
Par contre je ne connais pas de propriété de lien comme a:hover .....
Auparavant j'utilisais la propriété selected mais comme id ...
et c'est la bonne technique !
le menu sélectionné genre :
<li id="selected"><a href="…">blabla</a></li>
et ta CSS :
li#selected a{
color:red;
}
J'aimerais savoir comment on fait pour le code de debut de lettre ?
Oui exemple
salut je chercher
un pokemon
Pour que la premiere lettre soit dune couleur differente ^^
Oui exemple
salut je chercher
un pokemon
Pour que la premiere lettre soit dune couleur differente ^^
Zaki_N.
Messages postés
107
Date d'inscription
dimanche 2 mai 2010
Statut
Membre
Dernière intervention
8 décembre 2012
49
Modifié par Zaki_N. le 30/03/2011 à 09:45
Modifié par Zaki_N. le 30/03/2011 à 09:45
Bonjour,
Tu peux mettre, par exemple, dans ton CSS :
Et dans ta page :
Tu peux mettre, par exemple, dans ton CSS :
.Lettrine_couleur
{
font-weight : bold;
color : rgb(255, 0, 0);
}
Et dans ta page :
<p><span class=Lettrine_couleur>S</span>alut je chercher<br /> un pokemon</p>
18 févr. 2009 à 12:49
Je suis désolé mais je ne vois pas trop comment appliquer ton conseil car je suis vraiment débutante..
Si j'ai bien compris dans le css il faut que je créer une classe pour chaque case en définissant la couleur mais je ne vois pas à quel endroit les mettre dans ma feuille de style et comment les relier au menu ? Pourrais tu me donner un exemple plus précis en lien avec mon code ?
Ensuite, dans le code HTML pour appeler la classe je fais comment ?
Merci pour ton aide
18 févr. 2009 à 14:30
cela se avec les pseudo-format: a:hover (souris au dessus)
code xhtml
<div id="menu" >
<ol><li class="couleur1"> element1</li>
<li class="couleur2"> element2</li>
</ol>
</div>
code css
couleur.a:hover
{
background-color: "la couleur_que_tu_veux_quand_la_souris_sera_au_dessus_de_cet_element;
}
courage, je sais pas si j'ai bien codé mais ca marche avec a:hover
18 févr. 2009 à 16:09
Bon la technique des classes marche impec j'ai enfin mon menu avec différentes couleurs au roll over.;) J'ai utilisé ce code :
CODE CSS
#menu li.orange a:hover
{
background-color:#FF6600;
text-decoration: none ;
}
CODE HTML :
<li class="rouge"><a href="offre.html">Notre offre</a></li>
<li class="gris"><a href="faq.html">FAQ</a></li>
Maintenant mon problème est de pouvoir faire la même que pour le roll over mais lorsque les cases ont été cliquées et que l'on est sur la page correspondante. Par contre je ne connais pas de propriété de lien comme a:hover .....
Auparavant j'utilisais la propriété selected mais comme id ...
CODE SSS
#menu #selected a {
background: #333333 ;
text-decoration: none ;
}
J'aimerais pouvoir utiliser la propriété selected dans une classe mais je ne sais pas comment faire ,???
Merci pour votre soutient ;)
22 févr. 2009 à 09:24
a: active: pour l'apparence du lien au moment du clic
Courage et si tu veux tu peux m'écrire directement à ma boite si t'as d'autres questions. Tu peux aussi télécharger les cours de SELFHTML. Cherche et bonne chance; c'est kapokape@yahoo.fr
24 févr. 2009 à 11:15