/*Rip by Eagle www.ripers.ru*/
.glossymenu{ margin: 5px 0; padding: 0; width: 220px; /*width of menu*/ border: 1px solid #e0e0e0; border-bottom-width: 0; }
.glossymenu a.menuitem{ background: black url(/img/4.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(/img/4.11.png); }
.glossymenu div.submenu{ /*DIV that contains each sub menu*/ background-image: url(http://nerongames.ru/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(/img/4.11.png); colorz: #999999; }
.glossymenu{margin: 5px 0; padding: 0; width: 220px; /*width of menu*/ border: 1px solid #a6a6a6; border-bottom-width: 0; }
.glossymenu a.menuitem{background: black url(/img/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: #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(/img/4.11.png); }
.glossymenu div.submenu{ /*DIV that contains each sub menu*/ background:#d5d5d5; }
.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: #5d5d5d; text-decoration: none; padding: 2px 0; padding-left: 10px; }
.glossymenu div.submenu ul li a:hover{ background:#e0e0e0; colorz: #999999; }
/*Rip by Eagle www.ripers.ru*/
В блок:
<table align="center"><tr><td><div class="glossymenu">
<a class="menuitem submenuheader" onclick="$('#name2').slideToggle('slow');" href="javascript://">Система юкоз</a>
<div id="name2" style="display:none;"><div class="submenu">
<ul>
<li><a href="http://ripers.ru/">Источник ripers.ru</a></li>
<li><a href="/load/shablony_dlja_forumov/78">Шаблоны для форумов</a></li>
<li><a href="/load/rangi/79">Ранги</a></li>
<li><a href="/load/21">Иконки групп</a></li>
<li><a href="/load/22">Другое</a></li>
</ul>
</div>
</div>
<a class="menuitem submenuheader" onclick="$('#name5').slideToggle('slow');" href="javascript://">Adobe Photoshop</a>
<div id="name5" style="display:none;"><div class="submenu">
<ul>
<li><a href="http://ripers.ru/">Кисти</a></li>
<li><a href="/load/25">Стили</a></li>
<li><a href="/load/26">Шрифты</a></li>
<li><a href="/load/27">PSD работы</a></li>
</ul>
</div>
</div>
<a class="menuitem submenuheader" onclick="$('#name1').slideToggle('slow');" href="javascript://">Игры на любой вкус</a>
<div id="name1" style="display:none;">
<div class="submenu">
<ul>
<li><a href="/load/igry_dlja_pc/gonki/92">Гонки</a></li>
<li><a href="/load/igry_dlja_pc/streljalki/93">Стрелялки</a></li>
<li><a href="/load/igry_dlja_pc/brodilki/94">Бродилки</a></li>
<li><a href="/load/igry_dlja_pc/strategii/95">Стратегии</a></li>
<li><a href="/load/igry_dlja_pc/arkady/96">Аркады</a></li>
</ul>
</div>
</div>
<a class="menuitem submenuheader" onclick="$('#name4').slideToggle('slow');" href="javascript://">Фильмы для всей семьи</a>
<div id="name4" style="display:none;"><div class="submenu">
<ul>
<li><a href="/load/filmy/komedii/58">Комедии</a></li>
<li><a href="/load/filmy/fehntazi/59">Фэнтази</a></li>
<li><a href="/load/filmy/uzhasy/60">Ужасы</a></li>
<li><a href="/load/filmy/prikljuchenija/61">Приключения</a></li>
<li><a href="/load/filmy/boeviki/62">Боевики</a></li>
<li><a href="/load/filmy/istoricheskie/63">Исторические</a></li>
<li><a href="/load/filmy/fantasticheskie/64">Фантастические</a></li>
<li><a href="/load/filmy/multfilmy/65">Мультфильмы</a></li>
<li><a href="/load/filmy/melodrammy/66">Мелодраммы</a></li>
<li><a href="/load/filmy/detektivnye/67">Детективные</a></li>
<li><a href="/load/filmy/dokumentalnye/68">Документальные</a></li>
<li><a href="/load/filmy/semejnye/69">Семейные</a></li>
<li><a href="/load/filmy/drama/70">Драма</a></li>
<li><a href="/load/filmy/drugoe/80">Другое</a></li>
</ul>
</div>
</div>
<a class="menuitem submenuheader" onclick="$('#name3').slideToggle('slow');" href="javascript://">Программы для вашего компьютера</a>
<div id="name3" style="display:none;"><div class="submenu">
<ul>
<li><a href="/">OS/OC</a></li>
<li><a href="/">Русификаторы</a></li>
<li><a href="/">Система</a></li>
<li><a href="/">Интернет</a></li>
<li><a href="/">Безопасность</a></li>
<li><a href="/">Графика</a></li>
<li><a href="/">Мультимедиа</a></li>
<li><a href="/">CD/DVD</a></li>
<li><a href="/">Софт/Программы</a></li>
<li><a href="/">Разные программы</a></li>
</ul>
</div>
</div>
</td></tr></table>
