<div id="panel_bb">  
  <a class="panel_b" onclick="simpletag('b')" title="მუქი"></a>  
  <a class="panel_i" onclick="simpletag('i')" title="დახრილი"></a>  
  <a class="panel_u" onclick="simpletag('u')" title="ხაზი დაბლა"></a>  
  <a class="panel_url" onclick="tag_url('message','')" title="ლინკი"></a>  
  <a class="panel_email" onclick="tag_email('message','')" title="ემაილი"></a>  
  <a class="panel_image" onclick="tag_image()" title="სურათის ლინკი"></a>  
  <a class="panel_citata" onclick="simpletag('quote')" title="ციტატა"></a>  
  <a class="panel_code" onclick="simpletag('code')" title="ჩასვი html-css კოდი"></a>  
  <a class="panel_hide" onclick="simpletag('b')" title="კოდის დამალვა hide"></a>  
  <a class="panel_list" onclick="tag_list()" title="ჩამონათვალი"></a>  
  <a class="panel_l" onclick="simpletag('l')" title="მარცხნივ"></a>  
  <a class="panel_c" onclick="simpletag('c')" title="ცენტრში"></a>  
  <a class="panel_r" onclick="simpletag('r')" title="მარჯვნივ"></a>  
  <a class="panel_hr" onclick="add_code('[hr]','message')" title="[hr] - ხაზი"></a>  
  <a class="panel_close" onclick="closeall('message','');" title="დახურე BB-კოდები"></a>  
  <a class="panel_info" onclick="window.open('/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');" title="დახმარება BB-ში"></a>  
  $BBCODES$  
  </div>

  /* BB-Codes PaneL bY GeoLoad.In & Kaspi.Ucoz.cOm <-- ar sheecvalo :) tyannn Patroni :*  
  ------------------------------------------*/  
  #panel_bb {  
  float:left;  
  width:600px;  
  height:22px;  
  background:url(http://www.picz.ge/img/s4/1501/13/a/a735ef80a4d8.gif);  
  }  
   
  #panel_bb .codeButtons {  
  display:none  
  }  
   
  #panel_bb a {  
  float:left;  
  display:block;  
  width:23px;  
  height:22px;  
  background:url(http://testone.ucoz.net/knopki_bb.png)no-repeat;  
  }  
   
  #panel_bb a.panel_b {background-position:0px 0px; }  
  #panel_bb a:hover.panel_b {background-position:0px -22px;}  
  #panel_bb a.panel_i {background-position:0px -44px;}  
  #panel_bb a:hover.panel_i {background-position:0px -66px;}  
  #panel_bb a.panel_u {background-position:0px -88px;}  
  #panel_bb a:hover.panel_u {background-position:0px -110px;}  
  #panel_bb a.panel_url {background-position:0px -132px}  
  #panel_bb a:hover.panel_url {background-position:0px -154px;}  
  #panel_bb a.panel_email {background-position:0px -176px;}  
  #panel_bb a:hover.panel_email {background-position:0px -198px;}  
  #panel_bb a.panel_image {background-position:0px -220px;}  
  #panel_bb a:hover.panel_image {background-position:0px -242px;}  
  #panel_bb a.panel_citata {background-position:0px -264px;}  
  #panel_bb a:hover.panel_citata{background-position:0px -286px;}  
  #panel_bb a.panel_code {background-position:0px -308px;}  
  #panel_bb a:hover.panel_code {background-position:0px -330px;}  
  #panel_bb a.panel_hide {background-position:0px -352px;}  
  #panel_bb a:hover.panel_hide {background-position:0px -374px;}  
  #panel_bb a.panel_list {background-position:0px -396px;}  
  #panel_bb a:hover.panel_list {background-position:0px -418px;}  
  #panel_bb a.panel_l {background-position:0px -440px;}  
  #panel_bb a:hover.panel_l {background-position:0px -462px;}  
  #panel_bb a.panel_c {background-position:0px -484px;}  
  #panel_bb a:hover.panel_c {background-position:0px -506px;}  
  #panel_bb a.panel_r {background-position:0px -528px;}  
  #panel_bb a:hover.panel_r {background-position:0px -550px;}  
  #panel_bb a.panel_hr {background-position:0px -572px;}  
  #panel_bb a:hover.panel_hr {background-position:0px -594px;}  
  #panel_bb a.panel_close {background-position:0px -616px;}  
  #panel_bb a:hover.panel_close {background-position:0px -638px;}  
  #panel_bb a.panel_info {float:right; background-position:0px -660px;}  
  #panel_bb a:hover.panel_info {background-position:0px -682px;}  
  /*------------------------------------------*/