Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт сегодня посетили:

Красивая панель ББ кодов для комментариев

Главная » Скрипты для uCoz » Красивая панель ББ кодов для комментариев
Красивая панель ББ кодов для комментариев для uCoz

Новая панель ББ кодов для комментариев, подойдет для светлых сайтов. Очень красиво и элегантно впишется в ваш дизайн. Думаю понравится всем вашим пользователям.
Установка:
Это вставляем в CSS своего сайта:
Code
<!--
  #bbcodes {display:none;}
  .selectors {
  height: 26px;
  width: auto;
  }
  -->
.smiles{border:0px;}
   
a.bBut { background: transparent url('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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('http://rucoz.com/img/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;}

Это сама панель ББ кодов, её нужно будет заменить в Управлении формы добавления комментариев со старой на новую:
Code
<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" onclick="simpletag('spoiler','','','message','')" title="Спойлер" class="sbut"></a>
<a id="cdl" class="leftbut" onclick="simpletag('l','cdl','···','message')" title="По левому краю"></a>
<a id="cdc" class="centerbut" onclick="simpletag('c','cdc','···','message')" title="По центру"></a>
<a id="cdr" class="rightbut" onclick="simpletag('r','cdr','···','message')" title="По правому краю"></a>
<a id="img" onclick="tag_image('message','')" title="Вставить Картинку" class="imagebut"></a>
<a id="url" onclick="tag_url('message','')" title="Вставить ссылку" class="linkbut"></a>
<a id="email" onclick="tag_email('message','')" title="Вставить Email" class="emailbut"></a>
<a id="codes" onclick="simpletag('code','','','message','')" title="Код" class="codebut"></a>
<a id="quote" onclick="simpletag('quote','','','message','')" title="Цитата" class="quotebut"></a>
<a class="closebut" onclick="closeall('message','');" title="Вставить закрывающие теги"></a>
<a border="0" onclick="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>

Установка готова.
Автор: Andrey
Источник: zagruzka-plus.ru
Просмотров: 1908 | Комментариев: 8 | Опубликовал: DizeL | Дата: 05.02.2011

 11.01.2010   

 

 Уведомление об испо... 

 07.10.2010   

 

 Форма опросов как н... 

 23.07.2010   

 

 Запрещаем мат и спа... 

 16.11.2010   

 

 Виджет "Мне нр... 

 27.09.2009   

 

 форма входа картинк... 


Всего комментариев: 8
 
  0 8 Merzavec 15.04.2011 21:08:01 Там одна картинка и то на месте...
P.S. Посмотри откуда у тебя руки растут, а то мало ли... bandit
Цитировать | Редактировать | Удалить
 

 
  0 7 yurakuryzko 15.04.2011 20:14:36 Помогите пожалуйста! Как вы поставили? А то у меня пустота вместо этой панели :( Цитировать | Редактировать | Удалить
 

 
  0 6 yurakuryzko 14.04.2011 21:51:06 Перезалейте картинки пожалуйста! Цитировать | Редактировать | Удалить
 

 
  0 5 Аватар 08.02.2011 17:57:21
Quote
Кусочек разберут быстро

DizeL согласен :) Цитировать | Редактировать | Удалить

 

 
+1 3 Аватар 06.02.2011 15:42:15 Старый скрипт, взят от шаблона Загрузка+. Но кому надо понадобится cool Цитировать | Редактировать | Удалить
 

 
+1 4 DizeL 06.02.2011 16:02:25 Кусочек разберут быстро Цитировать | Редактировать | Удалить
 

 
  0 2 kshlkv 06.02.2011 10:37:11 а все понял. Тут только одна картинка Цитировать | Редактировать | Удалить
 

 
  0 1 kshlkv 06.02.2011 10:34:40 а где можно архив с картинками скачать? А то мало ли.. Цитировать | Редактировать | Удалить
 

3aKa4Ka.at.ua - портал веб мастеров

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 3aka4ka.at.ua 2008 - 2024г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.