Рипчег серого меню

http://s004.radikal.ru/i205/1101/19/6a9932014671.jpg
в css:

Код:

/* GlossyMenu* / 
.glossymenu{ 
margin: 5px 0; 
padding: 0; 
width: 185px; /*width of menu*/ 
border: 1px solid #5d5d5d; 
border-bottom-width: 0; 
} 

.glossymenu a.menuitem{ 
background: black url(/menu4.11.png); 
font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus; 
color: #5d5d5d; 
display: block; 
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ 
width: auto; 
padding: 4px 0; 
padding-left: 10px; 
text-decoration: none; 
border-top: 0px solid #5d5d5d; 
border-bottom: 1px solid #5d5d5d; 
} 

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ 
color: #5d5d5d; 
} 

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ 
position: absolute; 
top: 5px; 
right: 5px; 
border: none; 
} 

.glossymenu a.menuitem:hover{ 
background-image: url(/menu/4.11.png); 
} 

.glossymenu div.submenu{ /*DIV that contains each sub menu*/ 
background-image: url(/images/b.gif); 
} 

.glossymenu div.submenu ul{ /*UL of each sub menu*/ 
list-style-type: none; 
margin: 0; 
padding: 0; 
} 

.glossymenu div.submenu ul li{ 
border-bottom: 1px solid #5d5d5d; 
} 

.glossymenu div.submenu ul li a{ 
display: block; 
font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus; 
color: #5d5d5d; 
text-decoration: none; 
padding: 2px 0; 
padding-left: 10px; 
} 

.glossymenu div.submenu ul li a:hover{ 
background-image: url(/menu/4.11.png); 
colorz: #999999; 
text-shadow:0px 1px 0px #fff; 
} 

.glossymenu{margin: 5px 0; padding: 0; width: 179px; /*width of menu*/ border: 1px solid #5d5d5d; border-bottom-width: 0; } 

.glossymenu a.menuitem{background: black url(/menu/4.11.png);font: normal 10px "Arial", "Arial", Arial, Arial, Arial; 
color: #5d5d5d; 
display: block; 
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ 
width: auto; 
padding: 4px 0; 
padding-left: 10px; 
text-decoration: none; 
border-top: 0px solid #5d5d5d; 
border-bottom: 1px solid #5d5d5d; 
} 

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ 
color: #cbcbcb; 
} 

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ 
position: absolute; 
top: 5px; 
right: 5px; 
border: none; 
} 

.glossymenu a.menuitem:hover{ 
background-image: url(/menu/4.111.png); 
text-shadow:0px 1px 0px #252525; 
} 

.glossymenu div.submenu{ /*DIV that contains each sub menu*/ 
background:#e0e0e0; 
} 

.glossymenu div.submenu ul{ /*UL of each sub menu*/ 
list-style-type: none; 
margin: 0; 
padding: 0; 
} 

.glossymenu div.submenu ul li{ 
border-bottom: 1px solid #5d5d5d; 
} 

.glossymenu div.submenu ul li a{ 
display: block; 
font: normal 10px "Arial", "Arial", Arial, Arial, Arial; 
color: #cbcbcb; 
background:url(/menu/menutiem.png); 
text-decoration: none; 
padding: 2px 0; 
padding-left: 10px; 
} 

.glossymenu div.submenu ul li a:hover{ 
background:url('/img/menutiem.png');background-position:0px 19px; 
colorz: #999999; 
text-shadow:1px 1px 0px #252525; 
} 
/* --------- */

в блок:

Код:


<script type="text/javascript" src="/menu/ddaccordion.js"></script> 
<script type="text/javascript" src="/menu/sdmenu.js"></script> 
<div class="glossymenu"> 
<a class="menuitem submenuheader" href="/" >Основной раздел</a> 
<div class="submenu"> 
<ul> 
<li><a href="http://cs-ufa.net.ru/">Главная страница</a></li> 
<li><a href="http://cs-ufa.net.ru/load/">Файловый архив</a></li> 
<li><a href="http://cs-ufa.net.ru/dir/">ТОП сайтов</a></li> 
<li><a href="http://cs-ufa.net.ru/gb/">Гостевая</a></li> 
<li><a href="http://cs-ufa.net.ru/forum/">Форум</a></li> 
</ul> 
</div> 

<a class="menuitem submenuheader" href="/" >Заказать графику</a> 
<div class="submenu"> 
<ul> 
<li><a href="http://cs-ufa.net.ru/forum/14">Заказать Шапку</a></li> 
<li><a href="http://cs-ufa.net.ru/forum/13">Заказать Баннер</a></li> 
<li><a href="http://cs-ufa.net.ru/forum/12">Заказать Аватар</a></li> 
<li><a href="http://cs-ufa.net.ru/forum/15">Заказать Юзербар</a></li> 
</ul> 
</div>

качать файлы и залить их в ФМ строго по папке - http://depositfiles.com/files/79619fgd4