modificare template

[lupetto5891]

ciao a tutti ragazzi, volevo un vostro aiuto.
volevo modificare il menu del mio tamplate e farlo come questo http://css3menu.com/reflex-black-vertical.html .


il fatto è che non ci riesco.
qualcuno mi puo dare una mano??
il codice css del mio tamplate è questo

Codice: [Seleziona]




/*----------------------------------------------*/
/* Menus (Left/Right)
/*----------------------------------------------*/


#leftmenu {
   width: 211px;
   margin: 0px;
   padding: 0px;
   padding-right: 30px;
   margin-top: 20px;
   margin-bottom: 30px;
   margin-right: 18px;
   float: left;
   line-height: 1.7em;
   
}






#rightmenu {
   width: 220px;
   margin: 0px;
   padding: 0px;
   padding-left: 38px;
   margin-top: 25px;
   margin-bottom: 35px;
   margin-left: 20px;
   float: right;
   line-height: 1.7em;
   
     
}






#leftmenu a:link, #leftmenu a:active, #leftmenu a:visited {
color: #000000;
}


#leftmenu a:hover {


background-color: #CCC;
color: #ffffff;
}








#leftmenu a,
/* colore testo menu */
#rightmenu a {
   color: #000000; text-decoration: none;
   
}




#rightmenu a:hover {
   color: #06C; text-decoration: none;
   font-weight: bold;
   font-size:16px;
    padding-top: 6px;
    text-align: left;         
    vertical-align: top;
   background-color:#CCC
   
}




#leftmenu a,
#rightmenu a {
   color: #000000; text-decoration: none;
   
}


#leftmenu a:hover,




#leftmenu ul,
#rightmenu ul {
   padding-left: 0px;
   list-style-type: none;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 20px;
   
}


#leftmenu ul li,/* colore tabella menu */
#rightmenu ul li {
   padding-top: 2px;
   padding-bottom: 2px;
   /* padding-left: 8px; */
   list-style-type: none;
   border: 2px solid #000000;
    background: #333333;
}


#leftmenu ul li ul,
#rightmenu ul li ul {
   margin-top: 0px;
   margin-bottom: 0px;
   
}


#leftmenu ul li ul li,
#rightmenu ul li ul li {
   border: 0px;
   padding-bottom: 2px;
   list-style-type: none;
   font-size: 0.96em;
   line-height: 1.5em;
   padding-left: 8px;
   
}


#leftmenu ul.menu li.current a,
#rightmenu ul.menu li.current a {
   font-weight:bold;
   
}


#leftmenu ul.menu li.current ul li a,
#rightmenu ul.menu li.current ul li a {
   font-weight:normal;
   
}




.moduletable {
   overflow: hidden;
   margin-bottom: 16px;
}


.moduletable_menu {
   clear: both;
}


.moduletable_menu h3 {
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
   color: #000000;
   font-size: 24px;
   margin-bottom: 6px;
   padding-bottom: 10px;
   border-bottom: 1px dotted #b9b9b9;
}


.moduletable h3 {
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
   color: #000000;
   font-size: 24px;
   margin-bottom: 6px;
   padding-bottom: 10px;
   border-bottom: 1px dotted #b9b9b9;
}
















[size=78%]aiutooooo[/size]