Красивое зеленое меню сайта для ucoz

/* Rip by zornet.ru */  
  .box {width:231px;padding:0px 5px;padding-bottom:9px;}  
  .box-l {background:url('http://zornet.ru/zornet_ru1/l-block.png');height:24px;padding-left:13px;text-align:left;color:#fff;text-shadow:0.1em 0.1em 0.01em #919191;font:normal 9pt Arial;padding-top:9px;}  
  .box-l-c {background:url('http://zornet.ru/zornet_ru1/l-block-c.png'); color:#fff; padding:4px 4px;}  
  .box-l-f {background:url('http://zornet.ru/zornet_ru1/l-block-f.png');height:7px;}  
  .box_200 {width:208px;padding:0px 1px;padding-bottom:1px;float:right;}  
  .box-r {background:url('http://zornet.ru/zornet_ru1/r-block.png'); height:27px; text-align:left; color:#555; text-shadow:0.1em 0.1em 0.01em #fff; font:normal 9pt Arial; padding-left:13px; padding-top:9px;}  
  .box-r-c {background:url('http://zornet.ru/zornet_ru1/r-block-c.png'); padding:0px 4px;}  
  .box-r-c-h {background:url('http://zornet.ru/zornet_ru1/r-block-c-h.png') no-repeat; color:#333; padding:4px 4px;}  
  .box-r-f {background:url('http://zornet.ru/zornet_ru1/r-block-f.png'); height:17px;}  
  .box-r-c .stats b {color:#2b9c00;text-shadow:0.1em 0.1em 0.01em #fff;}  
  .reset, .reset li { list-style: none;padding: 0; margin: 0; font-size:11px;}  
  .dcont { }  
  .icomenu { width: 235px; padding-bottom: 8px; }  
  .icomenu ul { margin: 24px 0 0 14px; }  
  .icomenu ul li a { clear: both; display: block; font-size: 1.2em; height: 26px; line-height: 26px; margin-bottom: 0.4em; }  
  .icomenu ul li img { float: left; margin-right: 4px; }  
  .bngreen { padding: 8px 0 0 0; width: 231px; background: url("http://zornet.ru/zornet_ru1/bngreen.png") no-repeat; }  
  .bngreen .bngreen { padding: 0 0 8px 0; background: url("http://zornet.ru/zornet_ru1/bngreen.png") no-repeat -231px 100%; }  
  .bngreen .bngarrow { float: right; margin-top: -31px; }  
  .bngreen .dcont { overflow: hidden; }  
  .bngreen ul { padding-bottom: 2px; background: url("http://rurip.ru/img/bngreenline.png") no-repeat 0 100%; }  
  .bngreen ul li { position: relative; }  
  .bngreen ul a, .bngreen ul span.sublink, .bngreen ul a b { display: block; cursor: pointer; }  
  .bngreen ul b { padding: 0 19px; background: url("http://zornet.ru/zornet_ru1/bngndot.png") no-repeat 7px -999px; }  
  .bngreen ul a, .bngreen ul span.sublink { font-size:12px; background: url("http://zornet.ru/zornet_ru1/bngreennav.png") no-repeat; color: #e1ffe8; width: 100%; padding: 5px 0 4px 0; overflow: hidden; }  
  .bngreen ul a:hover, .bngreen ul span.sublink:hover { color: #fff; background: url("http://zornet.ru/zornet_ru1/bngreennav.png") no-repeat 0 -100px; }  
  .bngreen ul span.opened:hover { color: #fff; background: url("http://zornet.ru/zornet_ru1/bngreennav.png") no-repeat; }  
  .bngreen ul span.opened b, .bngreen ul a:hover b, .bngreen ul span.sublink:hover b { background-position: 7px 50%; }  
  .bngreen ul .sublink img { width: 14px; height: 14px; position: absolute; margin-top: 1px; top: 5px; right: 15px; background: url("http://zornet.ru/zornet_ru1/open-close.png") no-repeat; }  
  .bngreen ul .closed img { background-position: 0 0; }  
  .bngreen ul .opened img { background-position: 0 -14px; }  
  .bngreen ul .submenu {font-size:11px; overflow: hidden; background: url("http://zornet.ru/zornet_ru1/bngreennav.png") no-repeat 0 -100px; }  
  .bngreen ul .submenu ul {font-size:11px; margin: 0; padding: 8px 19px; font-size: 0.9em; background: none; }  
  .bngreen ul .submenu ul li {font-size:11px; background: url("http://zornet.ru/zornet_ru1/submenu.png") repeat-x 0 100%; }  
  .bngreen ul .submenu ul li a {font-size:11px; color: #e9f5cc; width: 100%; height: auto; line-height: normal; padding: 3px 0; text-indent: 0; background: none; }  
  .bngreen ul .submenu ul li a:hover {font-size:11px; color: #fff; }  
  /* ------ */

<div class="box">  
  <div class="bngreen"><div class="bngreen">  
  <div class="dcont">  
  <ul class="reset">  
  <li><a href="/"><b>Rip by zornet.ru</b></a></li>  
  <li><a href="/forum/"><b>Rip by zornet.ru</b></a></li>  
  <li><span class="sublink"><b>Rip by zornet.ru</b></span></li>  
  <li class="submenu">  
  <ul class="reset">  
  <li><a href="http://zornet.ru/pravila_sajta/0-8">Rip by zornet.ru</a></li>  
  <li><a href="http://zornet.ru/index/reklama/0-5">Rip by zornet.ru</a></li>  
  <li><a href="http://zornet.ru/index/nasha_komanda/0-13">Rip by zornet.ru </a></li>  
  <li><a href="http://zornet.ru/index/0-3">Rip by zornet.ru</a></li>  
  </ul>  
   
  <li><span class="sublink"><b>Rip by zornet.ru</b></span></li>  
  <li class="submenu">  
  <ul class="reset">  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  </ul>  
  </li>  
   
  <li><span class="sublink"><b>Rip by zornet.ru</b></span></li>  
  <li class="submenu">  
  <ul class="reset">  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  </ul>  
  </li>  
   
  <li><span class="sublink"><b>Rip by zornet.ru</b></span></li>  
  <li class="submenu">  
  <ul class="reset">  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  </ul>  
  </li>  
   
  <li><span class="sublink"><b>Rip by zornet.ru</b></span></li>  
  <li class="submenu">  
  <ul class="reset">  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  </ul>  
  </li>  
   
  <li><span class="sublink"><b>Rip by zornet.ru</b></span></li>  
  <li class="submenu">  
  <ul class="reset">  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  <li><a href="#">Rip by zornet.ru</a></li>  
  </ul>  
  </li>  
   
  <li><a href="/blog/"><b>Rip by zornet.ru</b></a></li>  
  <li><a href="/publ/"><b>Rip by zornet.ru</b></a></li>  
  <li><a href="/board/"><b>Rip by zornet.ru</b></a></li>  
  <li><a href="/dir/"><b>Rip by zornet.ru</b></a></li>  
  <li><a href="/gb/"><b><i>Rip by zornet.ru</i></b></a></li>  
  </ul>  
  </div>  
  </div></div>  
  <script type="text/javascript" src="http://zornet.ru/zornet_ru1/ddaccordion.js"></script>  
  <script type="text/javascript">  
  ddaccordion.init({  
  headerclass: "sublink",  
  contentclass: "submenu",  
  revealtype: "click",  
  mouseoverdelay: 200,  
  collapseprev: false,  
  defaultexpanded: [],  
  onemustopen: false,  
  animatedefault: false,  
  persiststate: true,  
  toggleclass: ["closed", "opened"],  
  togglehtml: ["suffix", "<img src='http://zornet.ru/zornet_ru1/spacer.gif' alt='' /> ", "<img src='http://rurip.ru/skripty/green_menu/spacer.gif' alt='' /> "],  
  animatespeed: "fast",  
  oninit:function(expandedindices){ },  
  onopenclose:function(header, index, state, isuseractivated){ }  
  })  
  span></script> </div>