Это вставляем в блок:
Code
<style type="text/css">
<script type="text/javascript" language="javascript">
<!--
//
function toggle( targetId ) {
if (document.getElementById) {
target = document.getElementById( targetId );
if (target.style.display == "none") {
target.style.display = "";
} else {
target.style.display = "none";
}
}
}
//
--></script><script type="text/javascript">
function repchange(val,id){
repval=val;
ajaxtime=setInterval('checkajax'+id+'()',500);}
</script><style type="text/css">
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 1175px; /* Width of Menu Items */
border-bottom: 1px solid #000000;
}
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 171px; /* Width of Menu Items */
border-bottom: 1px solid #212121;
}
.suckerdiv ul li{
position: relative;
}
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 175px; /*sub menu width*/
top: 0;
visibility: hidden;
}
/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #FFFFFF;
text-decoration: none;
background: #292929;
padding: 1px 6px;
border: 1px solid #212121;
border-bottom: 0;
}
.suckerdiv ul li a:visited{
color: #FFFFFF;
}
.suckerdiv ul li a:hover{
background: url(http://mega-tema.ru/cellpic412ss.gif);
}
.suckerdiv .subfolderstyle{
background: url(http://mega-tema.ru/strelkaMUNI21f.gif) no-repeat center right;
}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
var menuids=["suckertree1"]
function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i])
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px"
else
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)
</script>
<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="http://www.play-fan.ru/" title="Главная страница"><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif "/ border=0></font><font color="#cacaca"> Главная</font> </a></li>
<li><a href="http://www.play-fan.ru/forum" title="Форум"><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> Форум</font> </a></li>
<li><a href="http://www.play-fan.ru/forum/27" title="Рекламма на сайте"><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> Рекламма на сайте</font> </a></li>
<li><a href="/dir" title="Каталог сайтов"><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> Топ 100 сайтов</font> </a></li>
</a></li>
<li><a href="http://www.play-fan.ru" title="Юзербары"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> Юзербары</font>
</a></li>
</li><li><a href="""><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> Галерея</font></a>
<ul>
<li><a href="/photo/1"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Разные</font></a></li>
<li><a href="/photo/3"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Warcraft 3</font></a></li>
<li><a href="/photo/lineage_ii/8"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Lineage II</font></a></li>
<li><a href="/photo/aion/aion/12"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> AiOn</font></a></li>
<li><a href="/photo/4"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> World of Warcraft</font></a></li>
<li><a href="/photo/star_craft_2/9"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Starcraft 2</font></a></li>
<li><a href="/photo/5"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Counter-Strike</font></a></li>
<li><a href="/photo/6"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Heroes of Newerth</font></a></li>
<li><a href="/photo/7"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Garena и Battle.net</font></a></li>
</li>
</ul>
</li><li><a href="""><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> WarCraft III</font></a>
<ul>
<li><a href="/index/warcraft_3_v124b_oficialnaja_russkaja_versija/0-29"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Скачать Warcraft 3</font></a></li>
<li><a href="/load/karty/20"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Карты</font></a></li>
<li><a href="/load/modeli_dlja_warcraft_3/46"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Мадели для Warcraft 3</font></a></li>
<li><a href="/load/stati/26"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Статьи</font></a></li>
<li><a href="/load/patchi/21"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Патчи</font></a></li>
<li><a href="load/replei/22"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Реплеи</font></a></li>
<li><a href="/load/programmy/23"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Программы</font></a></li>
<li><a href="/load/15"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> гайды героев доты</font></a></li>
<li><a href="/news/novosti_warcraft_3/1-0-10"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Новости Warcraft 3</font></a></li>
</li>
</ul>
</li><li><a href="""><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> Counter-Strike</font></a>
<ul>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Патчи</font></a></li>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Карты</font></a></li>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Модели</font></a></li>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Программы</font></a></li>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Готовые сервера</font></a></li>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Читы</font></a></li>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Плагины</font></a></li>
<li><a href="/news/novosti_counter_strike_16/1-0-16"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Новости</font></a></li>
</li>
</ul>
</li><li><a href="""><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> Lineage II</font></a>
<ul>
<li><a href="/index/istorija_lineage_ii/0-49"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> История Lineage II</font></a></li>
<li><a href="/load/lineage_ii/gotovye_servera/42"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Готорвые Сервера</font></a></li>
<li><a href="/news/novosti_lineage_ii/1-0-26"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Новости</font></a></li>
<li><a href="/load/lineage_ii/programmy/39"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Программы</font></a></li>
<li><a href="/load/lineage_ii/lineage_2_bagi/54"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Баги Lineage II</font></a></li>
<li><a href="/load/lineage_ii/klient_dlja_igry/40"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Клиент для игры</font></a></li>
<li><a href="/load/lineage_ii/stati_lineage_ii/41"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Статьи Lineage II</font></a></li>
<li><a href="/load/lineage_ii/chity_i_sekrety_lineage_ii/62"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Читы,секреты Lineage II</font></a></li>
</li>
</ul>
</li><li><a href="""><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> StarCraft 2</font></a>
<ul>
<li><a href="/forum/52-2006-1"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> О StarCraft 2</font></a></li>
<li><a href="/news/starcraft_2/1-0-27"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Новости StarCraft 2</font></a></li>
<li><a href="/load/starcraft_2/skachat_starcraft_2/45"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Скачать StarCraft 2</font></a></li>
<li><a href="/load/starcraft_2/programmy_starcraft_2/44"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Программы StarCraft 2</font></a></li>
<li><a href="/publ/1"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Статьи StarCraft 2</font></a></li>
<li><a href="/load/starcraft_2/karty_dlja_starcraft_2/55"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Карты для StarCraft 2</font></a></li>
</li>
</ul>
</li><li><a href="""><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> Aion</font></a>
<ul>
<li><a href="/news/novosti_aion/1-0-28"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Новости Aion</font></a></li>
<li><a href="/load/aion/skachat_aion/48"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Скачать Aion</font></a></li>
<li><a href="/load/aion/bagi_aion/49"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Баги Aion</font></a></li>
<li><a href="/load/aion/sborki_serverov_aion/50"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Сборки серверов Aion</font></a></li>
<li><a href="/load/aion/fajly_svjazanye_s_aion/51"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Файлы связаные с Aion</font></a></li>
<li><a href="/load/aion/aion_aion_stati_aion_aion/52"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Статьи Aion</font></a></li>
</li>
</ul>
</li><li><a href="""><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> World Of Warcraft</font></a>
<ul>
<li><a href="/news/novosti_world_of_warcraft/1-0-29"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Новости wow</font></a></li>
<li><a href="/load/world_of_warcraft/skachat_patch_dlja_world_of_warcraft/57"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Патчи wow</font></a></li>
<li><a href="/load/world_of_warcraft/addony_dlja_world_of_warcraft_adony_dlja_wow/58"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Аддоны wow</font></a></li>
<li><a href="/publ/world_of_warcraft/stati_world_of_warcraft/6"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Статьи wow</font></a></li>
</li>
</ul>
</li><li><a href="""><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> Windows 7</font></a>
<ul>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Новости Windows 7</font></a></li>
<li><a href="/load/29"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Темы для Windows 7</font></a></li>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Темы для Windows Media</font></a></li>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Гаджеты Windows 7</font></a></li>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Кнопки пуск</font></a></li>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Оформления Windows 7</font></a></li>
<li><a href="http://www.play-fan.ru/"><font color="#cacaca"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0> Курсоры Windows 7</font></a></li>
</li><li><a href="http://www.play-fan.ru/"><font color="#009cff"><img src="http://ice-playten.ru/Kartonki1/strelkaMUNI21f.gif"/ border=0></font><font color="#cacaca"> Сборки Windows 7</font></a></li>
<ul>
</ul>
Это вставляем в CSS:
Code
/* GlossyMenu */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 185px; /*width of menu*/
border: 1px solid #5d5d5d;
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: url() #c5c5c5;
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() #c5c5c5;
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background-image: url() #c5c5c5;
}
.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() #c5c5c5;
colorz: #999999;
}
.glossymenu{margin: 5px 0; padding: 0; width: 180px; /*width of menu*/ border: 1px solid #5d5d5d; border-bottom-width: 0; }
.glossymenu a.menuitem{background:url(http://kpgames.3dn.ru/images/m2.png) #c5c5c5 ;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: url(http://kpgames.3dn.ru/images/m3.png) #c5c5c5;
}
.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;
background:url(http://kpgames.3dn.ru/images/m1.png)#c5c5c5;background-position:1px -20px;
text-decoration: none;
padding: 2px 0;
padding-left: 15px;
}
.glossymenu div.submenu ul li a:hover{
background:url(http://kpgames.3dn.ru/images/m1.png);
colorz: #999999;
}
/* -------- */