Новый вид выбора, цвета, размера и шрифта в форме добавления отве...

1269
6 из 10
Проголосовало: 2




  • Скачать с сервера
  • Скачать
  • Смотреть демо


Доработанная версия данного скрипта.
Список изменений:
1. Плавное открытие и сворачивание содержимого.
2. Добавлен цвет фона шрифта
3. Увеличено количество цветов выбора цвета
4. Не требует места в форме добавления ответов

Итак, приступим.

Для начала нужно в общих настройках выбрать версию Jquery 1.6.1, иначе скрипт будет нерабочим (не будет открывать панель)

В CSS вставляем следующее:

Code
.DisplayTeleport {display:none}
.BG-codes {background: url('/bbbg.png'); padding:5px; border:1px dashed #555555}
.pointer {cursor:pointer}
#TextBackground {z-index:40; display: none; position:absolute;}
.BackgroundTable {bottom: 170px; left: 0px; width: 100%;}
.BackgroundSelect {height:20px;}
.frameBackground {background:url('/BBTSettings0.png') -75px 0 no-repeat;width:24px;height:22px; border:none;}
#TextSize {z-index:40; display: none; position:absolute;}
.SizeTable {bottom: 170px; left: 0px; width: 100%;}
.SizeSelect {height:20px;}
.frameSize {background:url('/BBTSettings0.png') no-repeat;width:24px;height:22px; border:none; opacity:0.7;}
#TextFamily {z-index:40; display: none; position:absolute;}
.FamilyTable {bottom: 170px; left: 0px; width: 100%;}
.FamilySelect {height:20px;}
.frameFamily {background:url('/BBTSettings0.png') -25px 0 no-repeat;width:24px;height:22px; border:none; opacity:0.7;}
#TextColor {z-index:40; display: none; position:absolute;}
.ColorTable {bottom: 170px; left: 0px; width: 100%;}
.colorSelect {width:13px; height:13px; border: none;}
.colorSelect:hover {border:1px solid #f60000;}
.frameColor {background:url('/BBTSettings0.png') -50px 0 no-repeat;width:24px;height:22px; border:none;}


Теперь создаем глобальный блок BBPANEL и в него вставляем все с файла GLOBAL_BBPANEL.txt, т.к код очень большой smile

Идем в форму добавления ответов и вместо старого кода (если качали прошлую версию) вставляем этот.

Code
<!--- BB TEXT PANEL --->
<td class="gTableLeft">Опции шрифта</td>
<td class="gTableRight"><table align="right"><tbody><tr><td>
   
<div onclick="$ ('#TextBackground').fadeOut(500)"><div onclick="$ ('#TextSize').fadeOut(500)"><div onclick="$ ('#TextFamily').fadeOut(500)">
  <span class="bbcodes"></span><table style="width: 24px; height: 24px;" class="BackgroundTable" align="" border="0" cellpadding="0" cellspacing="0" width="">
  <tbody><tr><td class="frameColor" title="Цвет текста" onclick="$ ('#TextColor').fadeToggle(500);" settimeout(off,="" 100);="" return="" false;="">
  </td>
  </tr>
  </tbody></table></div></div></div>
   
<div id="TextColor" onclick="$ ('#TextColor').fadeOut(500)">  
<span class="Teleported1"></span>
  </div>
  </td><td>
<div onclick="$ ('#TextColor').fadeOut(500)"><div onclick="$ ('#TextSize').fadeOut(500)"><div onclick="$ ('#TextFamily').fadeOut(500)">
  <span class="bbcodes"></span><table style="width: 24px; height: 24px;" class="BackgroundTable" align="" border="0" cellpadding="0" cellspacing="0" width="">
  <tbody><tr><td class="frameBackground" title="Цвет заливки" onclick="$ ('#TextBackground').fadeToggle(500);" settimeout(off,="" 100);="" return="" false;="">
  </td>
  </tr>
  </tbody></table></div></div></div>
   
<div id="TextBackground" onclick="$ ('#TextBackground').fadeOut(500)">
  <span class="Teleported2"></span>
  </div>
  </td><td>
   
<div onclick="$ ('#TextBackground').fadeOut(500)"><div onclick="$ ('#TextSize').fadeOut(500)"><div onclick="$ ('#TextColor').fadeOut(500)">
<span class="bbcodes"></span><table style="width: 24px; height: 24px;" class="FontTable" align="" border="0" cellpadding="0" cellspacing="0" width="">
  <tbody><tr><td class="frameFamily" title="Шрифт" onclick="$ ('#TextFamily').fadeToggle(500);" settimeout(off,="" 100);="" return="" false;="">
  </td>
  </tr>
  </tbody></table></div></div></div>

<div id="TextFamily" onclick="$ ('#TextFamily').fadeOut(500)">
  <span class="teleported4"></span>
  </div>
  </td><td>
   
<div onclick="$ ('#TextFamily').fadeOut(500)"><div onclick="$ ('#TextColor').fadeOut(500)">
<span class="bbcodes"></span><table style="width: 24px; height: 24px;" class="SizeTable" align="" border="0" cellpadding="0" cellspacing="0" width="">
  <tbody><tr><td class="frameSize" title="Размер" onclick="$ ('#TextSize').fadeToggle(500);" settimeout(off,="" 100);="" return="" false;="">
  </td>
  </tr>
  </tbody></table></div></div>

<div id="TextSize" onclick="$ ('#TextSize').fadeOut(500)">
  <span class="teleported4"></span>
  </div>
  </td></tr></tbody></table>
</td>  
  <!--- END BB TEXT PANEL --->


Идем в общий вид страниц форума и вставляем следующее

<script type="text/javascript" src="/BBPANEL.js"></script>

Там же вставляем после $GLOBAL_AHEADER$ или в другом месте $GLOBAL_BBPANEL$

Все!

Какие картинки к чему...
BBBt.png-фон панели
BBTSettings0.png-кнопки. Старый удалите, новый залейте.

Заливаем картинки, скрипт, прописываем в css правильно пути к ним и наслаждаемся скриптом.
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://Apollo_440
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Мда, у меня тоже не работает. Или нужно ждать обновление?
    Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
    Последние темы
    Опрос
    251
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: