Bonjour !
J'utilise le template "jt001_j16 Détails" sur mon site : http://odecharette.xlphp.net
Par défaut, le template semble ne gérer que 2 niveaux dans les menus.
J'aimerai rajouter une icône pour le 3eme niveau de menu (uniquement dans les menus de droite)
Exemple sur cette page : http://odecharette.xlphp.net/index.p...ashimi-project
Je voudrais l'icône "arrow2.gif" au niveau de "Prototype", "Test"...., comme pour le niveau 1.
Faut-il uniquement modifier le CSS ? Comment ?
Est-ce que quelqu'un peut m'aider ? Ce serait super
Voici l'extrait de mon CSS :
/* Sidebar */
#leftbar-w {width:210px; min-height:200px; float:left; margin:0;}
#rightbar-w {width:210px; min-height:200px; float:right; margin:0;}
#sidebar {padding:0}
#sidebar .module {padding:5px; margin:0;}
#sidebar .module-title {font-size:16px;font-weight:100;margin:0;height:31px; line-height:31px; color: #fff; text-shadow:1px 1px #000; padding:0 0 0 10px; border:1px solid #0d4988}
#leftbar-w .module-title {background:#0d4279 url(../images/h3.png) 0 0 repeat-x;}
#rightbar-w .module-title {background:#0d4279 url(../images/h3.png) 0 0 repeat-x;}
#sidebar .module-body {margin:0; padding:0 5px;}
#sidebar .module-body p{padding:0; margin:0;}
#sidebar ul li { margin:0 5px; padding:0;}
#sidebar .module ul.menu{margin:5px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
#sidebar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; border-bottom:1px solid #e4e4e4;}
#sidebar .module ul.menu li a {display:block;margin:0; padding:3px 0 3px 25px;font-weight:bold;line-height:20px;background: url(../images/arrow2.gif) 0% 50% no-repeat; text-decoration:none; color:#999; font-size:13px;}
#sidebar .module ul.menu li a:hover { color:#134E8B; text-decoration:none;}
#sidebar .module ul.menu li.active a{color:#134E8B;}
#sidebar .module ul.menu li ul {border-top:1px solid #e4e4e4; margin:0;}
#sidebar .module ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px; }
#sidebar .module ul.menu li ul li a{ border: 0; color:#999; background: url(../images/arrow2.png) 0% 50% no-repeat;}
#sidebar .module ul.menu li ul li a:hover{ border: 0; color:#134E8B; background: url(../images/arrow2.png) 0% 50% no-repeat; }
#sidebar .module ul.menu li.active ul li a{color: #999;}
#sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover{color:#134E8B;}
J'utilise le template "jt001_j16 Détails" sur mon site : http://odecharette.xlphp.net
Par défaut, le template semble ne gérer que 2 niveaux dans les menus.
J'aimerai rajouter une icône pour le 3eme niveau de menu (uniquement dans les menus de droite)
Exemple sur cette page : http://odecharette.xlphp.net/index.p...ashimi-project
Je voudrais l'icône "arrow2.gif" au niveau de "Prototype", "Test"...., comme pour le niveau 1.
Faut-il uniquement modifier le CSS ? Comment ?
Est-ce que quelqu'un peut m'aider ? Ce serait super
Voici l'extrait de mon CSS :
/* Sidebar */
#leftbar-w {width:210px; min-height:200px; float:left; margin:0;}
#rightbar-w {width:210px; min-height:200px; float:right; margin:0;}
#sidebar {padding:0}
#sidebar .module {padding:5px; margin:0;}
#sidebar .module-title {font-size:16px;font-weight:100;margin:0;height:31px; line-height:31px; color: #fff; text-shadow:1px 1px #000; padding:0 0 0 10px; border:1px solid #0d4988}
#leftbar-w .module-title {background:#0d4279 url(../images/h3.png) 0 0 repeat-x;}
#rightbar-w .module-title {background:#0d4279 url(../images/h3.png) 0 0 repeat-x;}
#sidebar .module-body {margin:0; padding:0 5px;}
#sidebar .module-body p{padding:0; margin:0;}
#sidebar ul li { margin:0 5px; padding:0;}
#sidebar .module ul.menu{margin:5px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
#sidebar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; border-bottom:1px solid #e4e4e4;}
#sidebar .module ul.menu li a {display:block;margin:0; padding:3px 0 3px 25px;font-weight:bold;line-height:20px;background: url(../images/arrow2.gif) 0% 50% no-repeat; text-decoration:none; color:#999; font-size:13px;}
#sidebar .module ul.menu li a:hover { color:#134E8B; text-decoration:none;}
#sidebar .module ul.menu li.active a{color:#134E8B;}
#sidebar .module ul.menu li ul {border-top:1px solid #e4e4e4; margin:0;}
#sidebar .module ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px; }
#sidebar .module ul.menu li ul li a{ border: 0; color:#999; background: url(../images/arrow2.png) 0% 50% no-repeat;}
#sidebar .module ul.menu li ul li a:hover{ border: 0; color:#134E8B; background: url(../images/arrow2.png) 0% 50% no-repeat; }
#sidebar .module ul.menu li.active ul li a{color: #999;}
#sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover{color:#134E8B;}
Commentaire