• Страница 1 из 1
  • 1
Панель бб-кодов комментариев как на DLE
skula Дата: Воскресенье, 05.06.2011, 13:57 | Сообщение # 1


Новый вид комментариев для системы ucoz. Вид комментариев переделали с dle.
Установка:
Вставляем в CSS:
Code
<!--   
   #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$
Code
<div style="height: 26px;">   
<a uzzonclick="simpletag('b')" title="Жирный" class="bbut"></a>   
<a uzzonclick="simpletag('i')" title="Курсив" class="ibut"></a>   
<a uzzonclick="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 uzzonclick="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
  • Страница 1 из 1
  • 1
Поиск:

Лучшие пользователи
Пользователь Сообщений Группа
QuSpell 473 Проверенные
ppsha 446 Проверенные
skula 103 Проверенные
WinZeos 78 Проверенные
realhacking 59 Пользователи
Sezy 38 Проверенные
WinneR 35 Проверенные
GuideLess 19 Проверенные
JaYFuNk 19 Пользователи
ZUKO 11 Пользователи

Copyright © Форум поддержки по системе uCoz
Бесплатная адаптация шаблонов с CMS под uCoz
Бесплатные скрипты для uCoz
Бесплатные, готовые шаблоны от WinZeos
Уроки рисования и вёрстки макетов
Хостинг от uCoz