Скрипты и шаблоны для 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
Просмотров: 1935 | Комментариев: 8 | Опубликовал: DizeL | Дата: 05.02.2011

 11.12.2009   

 

 Плавное сворачивани... 

 30.07.2010   

 

 Скрипт Вид AJAX Око... 

 21.12.2009   

 

 Окно оповещения о н... 

 08.11.2009   

 

 Музыкальный плеер 

 08.11.2009   

 

 При наведении на ка... 

 18.04.2011   

 

 Увеличение картинки... 

 08.10.2009   

 

 Тему просматривают.... 

 14.03.2010   

 

 flash часы черного ... 

 13.09.2014   

 

 Кнопка рейтинга + и... 

 29.11.2009   

 

 Скрипт раздачи счет... 

 14.03.2010   

 

 flash часы 

 23.09.2009   

 

 часы на сайт 

 06.11.2009   

 

 Причина редактирова... 

 07.11.2009   

 

 Генератор ботов 

 12.07.2010   

 

 Получить код 

 16.11.2010   

 

 Ввод пароля как на ... 

 02.12.2009   

 

 Меняем цвет выделен... 

 17.04.2011   

 

 Новый вид чата для ... 

 09.03.2011   

 

 Up темы (поднятие т... 

 24.11.2009   

 

 Украшение для сайта 

 16.09.2009   

 

 Оповещение о новом ... 

 30.09.2009   

 

 Мини-профиль v2.0 b... 

 11.11.2010   

 

 Мини-профиль в ajax... 

 16.04.2010   

 

 Замена в админ баре... 

 25.01.2010   

 

 Вид новостей [Новый... 

 05.11.2009   

 

 Выделить всё для бб... 

 25.09.2009   

 

 Новый информер фору... 

 12.12.2013   

 

 Скрипт снег на сайт... 

 08.11.2009   

 

 Все страницы модуля 

 14.03.2010   

 

 flash часы 

 16.01.2011   

 

 Смайлики в репутаци... 

 26.09.2009   

 

 Меню на сайт 

 11.02.2011   

 

 Красивый вид опроса... 

 02.08.2010   

 

 Черное аякс окно v.... 

 07.02.2010   

 

 Фон на иконки на фо... 

 05.11.2009   

 

 Вид материалов by e... 

 05.12.2009   

 

 Регистрация в AJAX ... 

 20.04.2011   

 

 Синий вид комментар... 

 14.09.2009   

 

 Новый вид фотоальбо... 

 14.09.2010   

 

 Выводим файлы на гл... 

 14.10.2009   

 

 Чат:) 

 23.12.2009   

 

 Новое рекламное мес... 

 13.11.2010   

 

 Скрипт файлообменни... 

 06.11.2009   

 

 Новый Софт Блок!! 

 23.07.2010   

 

 Простая кнопка наве... 

 14.03.2010   

 

 flash часы 

 04.12.2009   

 

 Бесконечная сессия ... 

 16.07.2010   

 

 Очень эффектно выгл... 

 14.03.2010   

 

 flash часы 

 04.12.2009   

 

 Новый вид материало... 

 13.09.2010   

 

 Как скачать с Letit... 

 14.09.2009   

 

 Новый вид каталог с... 

 30.11.2009   

 

 Иконки рядом с нико... 

 25.12.2010   

 

 Топ 5 пользователей... 

 20.09.2009   

 

 Скрипт отражения ав... 

 16.09.2009   

 

 Простенький вид нов... 

 16.11.2010   

 

 Раздвижной вид ново... 

 12.07.2010   

 

 Баннеры в движениях 

 20.09.2009   

 

 Слова, гоняющиеся з... 

 12.02.2012   

 

 Информер для музыка... 

 10.10.2009   

 

 Простая статистика ... 

 10.12.2009   

 

 До нового года оста... 

 23.04.2011   

 

 Скрипт, показывающи... 

 21.12.2009   

 

 Защита от ботов by ... 

 08.11.2009   

 

 Перейти на нужную с... 

 29.01.2011   

 

 Делаем стену через ... 

 06.11.2009   

 

 Вид Материалов Как ... 

 16.01.2011   

 

 Компактный красивый... 

 21.05.2010   

 

 Текстовые шаблоны д... 

 24.07.2010   

 

 Блок все для css 

 23.07.2010   

 

 Блок "Сайты мо... 

 13.09.2010   

 

 Мини профиль new ра... 

 29.08.2010   

 

 Сегодняшние посетит... 

 30.09.2009   

 

 Процент проголосова... 

 20.01.2014   

 

 Скрипт радио для ва... 

 17.09.2009   

 

 Онлайн калькулятор ... 

 22.04.2011   

 

 Блок с браузерами. ... 

 07.11.2009   

 

 Личный статус 

 23.07.2010   

 

 Оповещение о новых ... 

 13.11.2010   

 

 Новый вид спойлера ... 

 07.12.2009   

 

 Форма добавления ко... 

 14.05.2011   

 

 Новый вид изменения... 

 10.11.2009   

 

 Последние Сообщения... 

 21.12.2009   

 

 Мини профиль для фо... 

 23.07.2010   

 

 Скрипт добавления с... 

 20.01.2014   

 

 Всплывающий мини-ча... 

 06.11.2009   

 

 Радио на сайте 

 01.05.2010   

 

 Юзеры, которые прос... 

 29.08.2010   

 

 Красивое горизонтал... 

 17.09.2009   

 

 Аватар в гостевой 

 01.12.2009   

 

 Время нахождения на... 

 14.09.2009   

 

 Онлайн TV в AJAX 

 12.02.2012   

 

 Торрент трекер на u... 

 17.09.2009   

 

 Блок "Рекоменд... 

 15.11.2010   

 

 Скрипт баллов для u... 

 19.04.2011   

 

 Новая вставка кодов... 

 11.02.2011   

 

 Измененная страница... 

 16.02.2010   

 

 JavaScript: Replace 

 11.02.2010   

 

 Просмотр форумa 

 08.10.2009   

 

 WMR Bonus на свой с... 

 12.03.2014   

 

 Вид статистика для ... 

Всего комментариев: 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 - 2025г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.