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


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

1221
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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 4
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: