Модераторское и/или администраторское предупреждение

---

---

Данный скрипт внедряет в форму ответа (быструю и полную) кнопки "модераторское предупреждение" и "администраторское предупреждение" (если у Вас уже установлена  панель дополнительных кнопок, то вы можете воспользоваться вариантом для добавления этих кнопок туда же).
Клик по ним автоматически вставляет в текстовое поле теги новых bb-кодов: [mod][/mod] для модераторского предупреждения и [adm][/adm] для администраторского.
Вы вводите текст предупреждения между этими тегами, отправляете пост, и уже в самой теме текст внутри тегов преобразуется в броскую табличку.

Как это выглядит в форме ответа

1 вариант (отдельная установка):


2 вариант (установка в панель доп. кнопок):


Как это выглядит после публикации в сообщении:



1. Подключение кнопки "модераторское предупреждение"

Создайте виджет с правами доступа только для модераторов (как создать виджет и настроить права доступа к нему) и установите на главной странице в активизированной колонке.
Добавьте в него один из вариантов скрипта внедрения модер-кнопки:

1.1 Вариант для самостоятельной установки:

Код:

<script type="text/javascript">
jQuery(document).ready(function() {

jQuery("#text_editor_textarea").before("<img src='http://i33.servimg.com/u/f33/17/37/83/89/snap0110.png' title='Предупреждение модера'  id='modbutt' />");

jQuery('#modbutt').click(function(){
jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[mod][/mod]');
jQuery('.sceditor-container textarea')[0].value += '[mod][/mod]'
});

});
</script>

https://i.servimg.com/u/f33/17/37/83/89/snap0110.png — изображение кнопки,можете заменить на свое

1.2 Вариант для установки в панель дополнительных кнопок (если она у Вас уже есть!):

Код:

<script type="text/javascript">
jQuery(document).ready(function() {

jQuery("#dopknop").append("<img src='http://i33.servimg.com/u/f33/17/37/83/89/min110.png' title='Предупреждение модера'  id='modbutt' />");

jQuery('#modbutt').click(function(){
jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[mod][/mod]');
jQuery('.sceditor-container textarea')[0].value += '[mod][/mod]'
});

});
</script>

https://i.servimg.com/u/f33/17/37/83/89/min110.png — изображение кнопки, можете заменить на свое

Сохраните изменения.

2. Подключение кнопки "администраторское предупреждение"

Создайте виджет с правами доступа только для администраторов и установите на главной странице в активизированной колонке.
Добавьте в него один из вариантов скрипта внедрения админ-кнопки:

2.1 Вариант для самостоятельной установки:

Код:

<script type="text/javascript">
jQuery(document).ready(function(){

jQuery("#text_editor_textarea").before("<img src='http://i33.servimg.com/u/f33/17/37/83/89/snap0210.png' title='Предупреждение админа'  id='admbutt' />");

jQuery('#admbutt').click(function(){
jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[adm][/adm]');
jQuery('.sceditor-container textarea')[0].value += '[adm][/adm]'
});

});
</script>

https://i.servimg.com/u/f33/17/37/83/89/snap0210.png — изображение кнопки, можете заменить на свое

2.2 Вариант для установки в панель дополнительных кнопок (если она у Вас уже есть!):

Код:

<script type="text/javascript">
jQuery(document).ready(function(){

jQuery("#dopknop").append("<img src='http://i33.servimg.com/u/f33/17/37/83/89/min0210.png' title='Предупреждение админа'  id='admbutt' />");

jQuery('#admbutt').click(function(){
jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[adm][/adm]');
jQuery('.sceditor-container textarea')[0].value += '[adm][/adm]'
});

});
</script>

https://i.servimg.com/u/f33/17/37/83/89/min0210.png — изображение кнопки, можете заменить на свое

Сохраните изменения.

3. Подключение скрипта для обработки новых bb-кодов

В ПА > Модули > Управление кодами JS укажите Активировать управление кодами JS : да
Создайте новый файл и заполните следующим образом:
Название: любое, например, мод+адм bb-код
Расположение: на всех страницах
Код: далее вводите код (общий для всех движков)

Код:

window.onload = function() {  

jQuery('div.postbody div').each(function () {
if(jQuery(this).text().indexOf('[adm]') != -1) {
jQuery(this).html(jQuery(this).html().replace(/\[adm\](.+?)\[\/adm\]/gi, '<div class="adm_mess"><div class="titl">Сообщение администрации</div><div>$1 </div></div>')) }  
});  

jQuery('div.postbody div').each(function () {
if(jQuery(this).text().indexOf('[mod]') != -1) {
jQuery(this).html(jQuery(this).html().replace(/\[mod\](.+?)\[\/mod\]/gi, '<div class="mod_mess"><div class="titl">Сообщение модератора</div><div>$1 </div></div>')) }  
});  

}

Сохраните.

4. Настройки CSS для оформления предупреждений

В Па > Оформление > Цвета > Каскадная таблица стилей CSS добавьте настройки для сообщений:

Код:

/* админ и модер bb-кода - общие настройки */

.mod_mess, .adm_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.mod_mess a.postlink, .adm_mess a.postlink {
color: #FFF !important;
text-decoration: underline !important;
}

/* админ bb-код - оформление блока сообщения */

.adm_mess {
background: #e54858;
background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}

/* админ bb-код - оформление заголовка */
.adm_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #B60505;  
}
    
/* админ bb-код - оформление текста */
.adm_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
}

/* модер bb-код - оформление блока сообщения */

.mod_mess {
background: #5c93f5;
background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}

/* модер bb-код - оформление заголовка */
.mod_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;    
}
    
/* модер bb-код - оформление текста */
.mod_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center;  
}



Сохраните.
В "Опциях CSS" обязательно укажите Оптимизировать вашу CSS : Нет

Все оформление предупреждений можно изменить по своему вкусу.