Приветствую Вас, Гость! Регистрация RSS

Ulink

Понедельник, 13.05.2024
Главная » Файлы » Оформление » Остальное

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

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

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>


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="Значение", иначе скрипт работать не будет.
Категория: Остальное | Добавил: Admin | Теги: Остальное, WeTables, v.1.0
Просмотров: 668 | Загрузок: 0 | Комментарии: 1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]