06:20

16:05

19:16

14:13

18:59

20:08

Вставляем в CSS: 

<!--  
  #bbcodes {display:none;}  
  .selectors {  
  height: 26px;  
  width: auto;  
  }  
  -->  
.smiles{border:0px;}  
   
a.bBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: 0px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.bBut:hover { background-position: 0px -24px; color: #fff; text-decoration: none;}  
a.bBut:active {outline: none; background-position: 0px -48px; text-decoration: none;}  

a.IBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -24px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.IBut:hover { background-position: -24px -24px; color: #fff; text-decoration: none;}  
a.IBut:active {outline: none; background-position: -24px -48px; text-decoration: none;}  

a.UBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -48px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.UBut:hover { background-position: -48px -24px; color: #fff; text-decoration: none;}  
a.UBut:active {outline: none; background-position: -48px -48px; text-decoration: none;}  

a.SBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -72px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: 5px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.SBut:hover { background-position: -72px -24px; color: #fff; text-decoration: none;}  
a.SBut:active {outline: none; background-position: -72px -48px; text-decoration: none;}  

a.ImageBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -96px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.ImageBut:hover { background-position: -96px -24px; color: #fff; text-decoration: none;}  
a.ImageBut:active {outline: none; background-position: -96px -48px; text-decoration: none;}  

a.linkBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -120px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.linkBut:hover { background-position: -120px -24px; color: #fff; text-decoration: none;}  
a.linkBut:active {outline: none; background-position: -120px -48px; text-decoration: none;}  
   
a.emailBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -144px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.emailBut:hover { background-position: -144px -24px; color: #fff; text-decoration: none;}  
a.emailBut:active {outline: none; background-position: -144px -48px; text-decoration: none;}  
   
a.codeBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -168px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.codeBut:hover { background-position: -168px -24px; color: #fff; text-decoration: none;}  
a.codeBut:active {outline: none; background-position: -168px -48px; text-decoration: none;}  
/* RuCoz.com */  
a.quoteBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -192px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.quoteBut:hover { background-position: -192px -24px; color: #fff; text-decoration: none;}  
a.quoteBut:active {outline: none; background-position: -192px -48px; text-decoration: none;}  
   
a.leftBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -216px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.leftBut:hover { background-position: -216px -24px; color: #fff; text-decoration: none;}  
a.leftBut:active {outline: none; background-position: -216px -48px; text-decoration: none;}  

a.centerBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -240px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.centerBut:hover { background-position: -240px -24px; color: #fff; text-decoration: none;}  
a.centerBut:active {outline: none; background-position: -240px -48px; text-decoration: none;}  

a.rightBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -264px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: 5px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.rightBut:hover { background-position: -264px -24px; color: #fff; text-decoration: none;}  
a.rightBut:active {outline: none; background-position: -264px -48px; text-decoration: none;}  
/* RuCoz.com */  
a.closeBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -288px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.closeBut:hover { background-position: -288px -24px; color: #fff; text-decoration: none;}  
a.closeBut:active {outline: none; background-position: -288px -48px; text-decoration: none;}  

a.emoBut { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -312px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: 5px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;}  
a.emoBut:hover { background-position: -312px -24px; color: #fff; text-decoration: none;}  
a.emoBut:active {outline: none; background-position: -312px -48px; text-decoration: none;}  

a.allCodes { background: transparent url('/images/bbcodes.png') no-repeat; background-position: -336px 0px; color: #000; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 19px; width:56px;margin-right: 0px; padding:5px 0 0 9px; /* sliding doors padding */ text-decoration: none;}  
a.allCodes:hover { background-position: -336px -24px; color: #000; text-decoration: none;}  
a.allCodes:active {outline: none; background-position: -336px -48px; text-decoration: none;}

Выделить код в новом окне

Это вставляем в шаблон "Форма добавления комментариев" после $BBCODES$

<div style="height: 26px;">  
<a onclick="simpletag('b')" title="Жирный" class="bbut"></a>  
<a onclick="simpletag('i')" title="Курсив" class="ibut"></a>  
<a onclick="simpletag('u')" title="Подчеркнутый" class="ubut"></a>  
<a id="spoiler" uzzonclick="simpletag('spoiler','','','message','')" title="Спойлер" class="sbut"></a>  
<a id="cdl" class="leftbut" uzzonclick="simpletag('l','cdl','···','message')" title="По левому краю"></a>  
<a id="cdc" class="centerbut" uzzonclick="simpletag('c','cdc','···','message')" title="По центру"></a>  
<a id="cdr" class="rightbut" uzzonclick="simpletag('r','cdr','···','message')" title="По правому краю"></a>  
<a id="img" uzzonclick="tag_image('message','')" title="Вставить Картинку" class="imagebut"></a>  
<a id="url" uzzonclick="tag_url('message','')" title="Вставить ссылку" class="linkbut"></a>  
<a id="email" uzzonclick="tag_email('message','')" title="Вставить Email" class="emailbut"></a>  
<a id="codes" uzzonclick="simpletag('code','','','message','')" title="Код" class="codebut"></a>  
<a id="quote" uzzonclick="simpletag('quote','','','message','')" title="Цитата" class="quotebut"></a>  
<a class="closebut" uzzonclick="closeall('message','');" title="Вставить закрывающие теги"></a>  
<a border="0" uzzonclick="openLayerB('Sml',0,'/index/35-1-0','Полный список смайлов',250,300);return false;" title="Вставить смайл" class="emobut">  
</a><a onclick="window.open('/index/17','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;" rel="nofollow" href="javascript://"title="Открывает окно со списком всех доступных кодов" class="allcodes"></a>  
</div>

Выделить код в новом окне

Скачайте этот страйп, переименуйте его в bbcodes.png и загрузите в папку images 

Этот материл ищут как:
Скрипты скачать бесппатно, Панель бб-кодов для комментариев как на DLE, скачать бесплатно без регистрации Панель бб-кодов для комментариев как на DLE

На правах рекламы Оплаченные рекламные места My-File.3dn.ru (пример рекламы) Подать заявку на размещение рекламной ссылки Подать заявку на размещение рекламной ссылки Подать заявку на размещение рекламной ссылки

На правах рекламы оплаченные рекламные места Подать заявку на размещение рекламной ссылки Подать заявку на размещение рекламной ссылки Подать заявку на размещение рекламной ссылки Подать заявку на размещение рекламной ссылки

Хостинг от uCoz

Получить код

<a href="my-file.3dn.ru" title="Всё для ucoz, cs, фотошопа, а так же лучшие программы и софт." target="_blank"><img src="//my-file.3dn.ru/banner.gif" width="88" height="31"><a>

Получить код

<a href="my-file.3dn.ru" title="Всё для ucoz, cs, фотошопа, а так же лучшие программы и софт." target="_blank"><img src="//my-file.3dn.ru/banner/bez-imeni-1.gif" width="88" height="31"><a>

Получить код

<a href="my-file.3dn.ru" title="Всё для ucoz, cs, фотошопа, а так же лучшие программы и софт." target="_blank"><img src="//my-file.3dn.ru/banner/banner88x31.gif" width="88" height="31"><a>

---