Yaninho
474Messages postés
19 mars 2009Date d'inscription
30 août 2010Dernière intervention
19 mars 2009 à 16:06
Le souci de vous passer le code c'est qu'il a été (en partit) généré par le CMS, donc pas vraiment classique.
Voici les CSS des menus (C'est un thème repris, que j'ai arrangé donc pas très beau dsl...)
#menuwrapper {
overflow: hidden;
/*border-bottom: 1px solid #C0C0C0;*/
width: auto;
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
width: 200px;
}
/* Unless you know what you do, do not touch this */
#primary-nav, #primary-nav ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#primary-nav ul {
position: absolute;
top: auto;
display: none;
}
#primary-nav ul ul {
margin-top: 1px;
margin-left: -1px;
left: 100%;
top: 0px;
}
#primary-nav li {
margin-left: -1px;
float: left;
}
#primary-nav li li {
margin-left: 0px;
margin-top: 0px;
float: none;
position: relative;
}
/* Styling the basic apperance of the menu elements */
#primary-nav a {
display: block;
margin: 0px;
padding: 5px 5px;
text-decoration: none;
}
#primary-nav li a {
/*border-right: 1px solid #C0C0C0;*/
/*border-left: 1px solid #C0C0C0;*/
}
#primary-nav li li a {
/*border: 1px solid #C0C0C0;*/
}
#primary-nav li, #primary-nav li.menuparent {
/*background-color: #cccccc; /*Ray was ececec this is static colour -I have been hacked again neil*/
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive {
/*background-color: #ffffff; /*Ray was c7c7c7 this is the clicked colour left on its own - i am sure ray was*/
/*background: url(uploads/Greenery/menu_tab2.png) no-repeat bottom center;*/
/*font-weight: bold;*/
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
/*background-image: url(uploads/theme/arrow.gif); */
/*background-position: center right; */
/*background-repeat: no-repeat; */
background-color: #FFFFFF;
}
#primary-nav li li a, #primary-nav li li a:hover {
background-color:#87e261;
background : url(uploads/Greenery/fond_menu.png);
width: 150px;
}
/* Styling the apperance of menu items on hover */
#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
/*background-color: #ffcc00; /* Ray was e7ab0b this is hover - I have been hacked - neil*/
}
#primary-nav li.menuparenth:hover{
background-color: #ffcc00; /* Ray was e7ab0b this is hover - I have been hacked - neil*/
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
display: none;
}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
display: block;
}
PS : Quelles sont les balises code sur ce forum (je suis nouveau ici dsl ;) )