Discussion :

[sebiv]

Bonjour

jQuery Simple Drop-Down Menu Plugin me convient parfaitement pour le menu que j'ai à faire..il est simple et efficace..

Ce que je voudrais c'est pouvoir choisir la couleur (fond et texte) des menus principaux : ici javascript, effect, navigation...

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
50
51
52
53
54
55
<div style="margin-left:40px">#jsddm
{ margin: 0;
padding: 0}
 
#jsddm li
{ float: left;
list-style: none;
font: 12px Tahoma, Arial}
 
#jsddm li a
{ display: block;
background: #324143; /*DARK-GREEN*/
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
width: 128px;
color: #EAFFED;
white-space: nowrap}
 
#jsddm li a:hover
{ background: #24313C}
 
#jsddm li ul
{ margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white}
 
#jsddm li ul li
{ float: none;
display: inline}</div>
Et le code du menu
 
<div style="margin-left:40px"><ul id="jsddm">
  <li><a href="#">JavaScript</a>
    <ul>
      <li><a href="#">Drop Down Menu</a></li>
      <li><a href="#">jQuery Plugin</a></li>
      <li><a href="#">Ajax Navigation</a></li>
    </ul>
  </li>
  <li><a href="#">Effect</a>
    <ul>
      <li><a href="#">Slide Effect</a></li>
      <li><a href="#">Fade Effect</a></li>
      <li><a href="#">Opacity Mode</a></li>
      <li><a href="#">Drop Shadow</a></li>
      <li><a href="#">Semitransparent</a></li>
    </ul>
  </li>
  <li><a href="#">Navigation</a></li>
  <li><a href="#">HTML/CSS</a></li>
  <li><a href="~#">Blogger Help</a></li>
</ul></div>

D'avance merci pour votre aide..

Seb

[ornitho13]

Salut,

a priori tu n'as qu'à changer que ces 2 valeurs de propriété CSS dans l'instruction suivante (en gras italique):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
#jsddm li a
{ 
display: block;
background: #324143; /*DARK-GREEN*/
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
width: 128px;
color: #EAFFED;
white-space: nowrap
}

[sebiv]

Non, en fait je voudrais juste avoir la possibilité d'avoir une couleur différentes pour chaque rubrique "mère"