WeTables v.1.0

1847
10 из 10
Проголосовало: 3






Представляем вашему вниманию новый плагин для uCoz под названием «WeTables». Идея табличек пришла мне в голову с официального форума сообщества uCoz. Плагин представляет собой возможность добавления на страницы красивых и информативных табличек с различными уведомлениями. Таблички вызываются простыми BB-кодами, которые могут быть вставлены в любое место сайта. Также вы можете указать определенные контейнеры, в которых эти коды будут действовать. В дополнение ко всему этому идет кнопка с BB-кодом таблиц. Скрипт легко подстроить под себя, вся опции настроек находятся в одном массиве.
Внимание: Используйте кнопку с BB-кодом на форуме крайне осторожно, пользователи сайта могут не закрыть тег таблицы, что повлечет за собой искажение дизайна. Рекомендуется разрешить данную функцию только для проверенных пользователей.
В разработке:
-Уникальные названия для каждой таблички
-Новые функции для работы с табличками
-5 новых табличек

Установка скрипта:

1) ПУ -> Все страницы: Перед </body> вставляем код:

Code

<script type="text/javascript">  
  $.getScript('http://webo4ka.ru/Ucoz6/tables_tablichki_dli_foruma.js');  
  var options = ['tableArea','true','RedTable','GreenTable','YellowTable','BlueTable','GrayTable'];  
  </script>


2) Здесь же: Нужный участок кода оборачиваем в div. То есть:

Code
<div class="tableArea">Место, где потом будут отображаться таблички</div>


3) ПУ -> Управление дизайном -> Вид материалов форума: Оборачиваем $MESSAGE$ в этот же див, только с условием:

Code
<?if($GROUP_ID$ != 'Название группы, которой запрещено использовать таблички' && 'Вторая группа, которой запрещено использовать таблички')?><div class="tableArea">$MESSAGE$</div><?endif?>


4) ПУ -> Управление дизайном -> Таблица стилей (CSS): Вставляем стили:

Code

.web41kta_red {background: #fff5f0; border:1px solid #e89b88;}  
  .web41kta_blue {background: #f0f5ff; border: 1px solid #9dbdff;}  
  .web41kta_green {background: #f0ffeb; border: 1px solid #0c0;}  
  .web41kta_yellow {background: #fefbeb; border:1px solid #eed31f;}  
  .web41kta_gray {background: #efefef; border:1px solid #bdbdbd;}  
  [class^="web41kta"] {font-family: Verdana; cursor:pointer; box-shadow:inset 0 0 0 1px rgba(255,255,255, 0.3), 0 0 0 1px rgba(0,0,0,0.03), inset 0 0 5px 2px rgba(255,255,255,0.3), inset 0 1px 0 0 rgba(255,255,255,0.7); border-radius:3px; margin:5px;}  
  [class^="web41kta"]:hover {box-shadow:0 0 3px 0 rgba(0,0,0,0.2);}  
  .image_table {display:table-cell;width:32px;padding:5px;}  
  .web41kt_text {display:table-cell;vertical-align:top; padding:7px; width:100%;}  
  .web41kt_name {display:block; width:100%; font-size:13pt; font-weight:bold;}


Установка завершена!

Настройка скрипта

1) В первом коде меняем:

Code

<script type="text/javascript">  
  $.getScript('http://webo4ka.ru/Ucoz6/tables_tablichki_dli_foruma.js');  
  var options = ['tableArea','true','RedTable','GreenTable','YellowTable','BlueTable','GrayTable'];  
  </script>


tableArea - Название класса, в котором будут работать таблички
true - Добавлять ли кнопку с BB-кодом? true = да, false = нет.
RedTable - Название красной таблички
GreenTable - Название зеленой таблички
YellowTable - Название желтой таблички
BlueTable - Название синей таблички
GrayTable - Название серой таблички.

Если вы измените первое значение (tableArea), то во втором и третьем пункте установки поменяйте class="tableArea" на class="Значение", иначе скрипт работать не будет.
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://web41k.ru/
  • Всего комментариев: 1

rehito
0
rehito написал: Написано 26 Декабря 2012 в 22:09
Комментарий №1
biggrin отлично

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2116
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
Вы сами себе пишите?
  • CbIPoK2513 написал:
  • Скрипт хорош, уже подстроил свой сайт под него :3
  • gefest35 написал:
  • Супер)))!пасиб за работу!!!
  • sasha2016tv написал:
  • Хороший скрипт
    Последние темы
    Опрос
    448
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: