1. Ejam Control Panel
2. Customize Design
3. CSS un tur ievietojam šo:
Code
/* BB-KODI */
#panel_bb {
float:left;
width:600px;
height:22px;
background:url(http://darkstar.ucoz.lv/SKRIPTI/fon_panel_bb.gif);
}
#panel_bb .codeButtons {
display:none
}
#panel_bb a {
float:left;
display:block;
width:23px;
height:22px;
background:url(http://darkstar.ucoz.lv/SKRIPTI/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;}
/*------------------------------------------*/
4. Tālāk ejam Forum - New message forum
5. Atrodam $BBCODES$ un aizstājam ar šo:
Code
<div id="panel_bb">
<a class="panel_b" onclick="simpletag('b')" title="Treknraksts"></a>
<a class="panel_i" onclick="simpletag('i')" title="Kursīvs"></a>
<a class="panel_u" onclick="simpletag('u')" title="Apakšsvītra"></a>
<a class="panel_url" onclick="tag_url('message','')" title="Links"></a>
<a class="panel_email" onclick="tag_email('message','')" title="E-mail "></a>
<a class="panel_image" onclick="tag_image()" title="Attēls"></a>
<a class="panel_citata" onclick="simpletag('quote')" title="Citāts"></a>
<a class="panel_code" onclick="simpletag('code')" title="Kods"></a>
<a class="panel_hide" onclick="simpletag('b')" title="Hide"></a>
<a class="panel_list" onclick="tag_list()" title="List"></a>
<a class="panel_l" onclick="simpletag('l')" title="Pielīdzināt pie kreisās malas"></a>
<a class="panel_c" onclick="simpletag('c')" title="Centrēt"></a>
<a class="panel_r" onclick="simpletag('r')" title="Pielīdzināt pie labās malas"></a>
<a class="panel_hr" onclick="add_code('[hr]','message')" title="[hr] - Līnija"></a>
<a class="panel_close" onclick="closeall('message','');" title="Aizvērt visus BB-Kodus"></a>
<a class="panel_info" onclick="window.open('/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');" title="BB-Kodi"></a>
$BBCODES$
</div>
Inzākums:
P.S. - šī bb-kodu rīkjosla labi piestāv gaišiem dizainiem. Tumšiem - īpaši labi neizskatās!
Tie kas vēlas tumšiem dizainiem - raksta man privāti, un uztaisīšu uz timša!