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

Установка:

1. Идём в Панель управления - Управление дизайном - и на всех страницах перед тегом Карта
rss
Карта вставляем этот код:
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.И на этих же страницах обворачиваем нужный участок кода в
, например:
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="Значение", иначе скрипт работать не будет.
Полезный материал
+
Для скачивания файлов с нашего сервера, Вы должны зарегистрироватся или войти на сайт.
Всего 0 комментариев и 6 просмотров
Что бы комментировать файл, Вы должны зарегистрироватся или войти на сайт под своим логином!
Файл никто не прокомментировал. Будь же первым!
Карта
rss
Карта