Лёгкая панель bb кодов для uCoz

$BBCODES$

<?if($BBCODES$)?>  
  <!-- Начало тегов Панели BB-кодов -->   
  <div id="comment_panel">   

  <div class="menu_n">  
   <a href="#" ><img alt="" src="http://center-dm.ru/ucoz/vid_bb/2/smail.gif"></a>  
   <div class="dd_menu">  
   <span class="dd_ugol1"></span>   
   <script type="text/javascript" src="http://center-dm.ru/ucoz/vid_bb/2/smile.js"></script>  
   </div>  
  </div>   

  <div id="panel_bb">   
   <a href="javascript://" onclick="simpletag('b')" title="Жирный">B</a>   
   <a href="javascript://" onclick="simpletag('i')" title="Курсив" class="panel_i" >i</a>   
   <a href="javascript://" onclick="tag_url('message','')" title="Добавить ссылку">http:</a>   
   <a href="javascript://" onclick="tag_image()" title="Добавить Картинку">img</a>   
   <a href="javascript://" onclick="simpletag('quote')" title="Цитата">Цитата</a>   
   <a href="javascript://" onclick="simpletag('code')" title="Вставить html-css код" class="panel_code" >Сode</a>   
   <a href="javascript://" class="panel_close" onclick="closeall('message','');" title="Закрыть все BB-коды">Close-BB</a>   
   <a href="javascript://" onclick="window.open('/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');" class="panel_info" >Справка</a>   
  $BBCODES$  
  </div>  

  </div>  
  <!-- /Конец тегов Панели BB-кодов -->
<?endif?>

/* Вид Панели BB-кодов  
  ------------------------------------------*/   
  #comment_panel {  
   float:left;  
   width:530px;  
   padding: 5px 5px 5px 5px;   
   background:#E0E0E0;   
  }  

  #comment_panel .codeButtons{  
   display:none;  
  }  

  #panel_bb {  
   float:left;  
   width:500px;   
  }  

  #panel_bb a:link,  
  #panel_bb a:visited {  
   float:left;   
   padding: 3px 10px 4px 10px;  
   margin: 0px 5px 0px 0px;   
   background:#F6F6F6;   
   cursor:pointer;  
   border:1px solid #B2B2B2;   
   -webkit-border-radius: 3px;  
   -moz-border-radius: 3px;  
   border-radius: 3px;   
   font: 10px Verdana,Arial,Helvetica, sans-serif; color:#555; text-shadow: 1px 1px 1px #fff;   
  }  

  #panel_bb a:hover {background:#fff;}  

  .panel_i {font-style:italic!important; }  
  .panel_u {text-decoration: underline!important; }  
  .panel_info {float:right!important; margin: 0px!important;}  

  .menu_n {  
   float:left;  
   display:block;   
   position:relative;  
   margin: 2px 5px 0px 0px;   
  }  

  .dd_ugol1,  
  .dd_menu {width:240px;}   

  .dd_menu {  
   float:left;  
   padding:5px;  
   left:-999em;  
   z-index:998;  
   background:#fff;  
   position:absolute;  
   border:1px solid #999;   
   margin: 0px 0px 0px -5px;   
   -moz-border-radius:5px 5px 5px 5px;  
   -webkit-border-radius:5px 5px 5px 5px;  
   border-radius:5px 5px 5px 5px;  
   box-shadow: 0px 0px 5px #999;  
  }   
     
  .menu_n:hover .dd_menu{  
   right:auto;  
   left:0px;  
   top:30px;   
  }  

  .dd_ugol1 {   
   float:left;  
   height:25px;  
   top:-25px;  
   left:4px;  
   position:absolute;   
   background:url(http://center-dm.ru/ucoz/vid_bb/2/fon_ugol_1.png) no-repeat left bottom; }