ФОРУМ PS-Studio.Info

  • Страница 1 из 1
  • 1
Форум » Форум по uCoz: работа с сайтом - дополнения и изменения » Модуль Форум » Чекбоксы в форме добавления ответа (создания темы) на форуме (Меняем внешний вид чекбоксов в форме отправки сообщений)
Чекбоксы в форме добавления ответа (создания темы) на форуме
Дата: Чт, 20.09.2018, 00:37 Сообщение # 1
ps-studio
Администраторы
Всем привет!

Давно я ничего не размещал на своём форуме, вот выдалось немного времени и хочу поделиться с вами своим скромным решением по исправлению некрасивых стандартных чекбоксов в форме сообщений форума на более стильные.

Сразу покажу как они будут выглядеть:



А теперь как их установить:

1. Для начала вам нужна будет картинка переключателя (она в прикреплении к сообщению).
Сохраните её к себе в файловый менеджер

2. В шаблоне "Общий вид страниц форума" в самый низ кода страницы добавьте:

Код
<script>
$('input[type=checkbox]').addClass('dPstBox');
</script>


3. В шаблоне формы добавления сообщения найдите код, отвечающий за вывод опций сообщения и темы, он примерно такой:

Код
<?if($_HTML_OPT$)?>$_HTML_OPT$ <label for="ahtml">Включить HTML теги</label>

$_MAKE_BR_OPT$ <label for="frmt">Заменять переводы строк тегом <b><BR></b></label><br><?endif?>
<?if($_EDITED_OPT$)?>$_EDITED_OPT$ <label for="edited">Добавить надпись "Отредактировано..." в это сообщение?</label>
<?endif?>
<?if($_SMILES_OPT$)?>$_SMILES_OPT$ <label for="smon">Включить смайлы</label>
<?endif?>
<?if($_SIGNATURE_OPT$)?>$_SIGNATURE_OPT$ <label for="sgon">Включить подпись</label>
<?endif?>
<?if($_SUBSCRIBE_OPT$)?>$_SUBSCRIBE_OPT$ <label for="sbon">Уведомления на e-mail при ответах</label>
<?endif?>
</td></tr><?endif?>
<?if($MODER_OPTIONS_FLAG$)?><tr id="frM6">
<td class="gTableLeft" id="frM7">Опции темы:</td>
<td class="gTableRight" id="frM8">
<?if($_FIRSTONTOP_OPT$)?>$_FIRSTONTOP_OPT$ <label for="firstontop">Первое сообщение темы сделать шапкой (показывать на всех страницах)</label>
<?endif?>
<?if($_ONTOP_OPT$)?>$_ONTOP_OPT$ <label for="isontop">Тема всегда сверху</label>
<?endif?>
<?if($_CLOSED_OPT$)?>$_CLOSED_OPT$ <label for="isclosed">Закрытая тема</label>
<?endif?>
<?if($_NOTIFY_OPT$)?>$_NOTIFY_OPT$ <label for="notify">Сообщить подписчикам о редактировании темы</label><?endif?>


Здесь нужно перед каждым названием опции в коде вставить

Код
<span></span>


Ну например, было:

Код
<?if($_ONTOP_OPT$)?>$_ONTOP_OPT$ <label for="isontop">Тема всегда сверху</label>
<?endif?>

Стало:

Код
<?if($_ONTOP_OPT$)?>$_ONTOP_OPT$ <label for="isontop"><span></span>Тема всегда сверху</label>
<?endif?>


4. В таблицу стилей CSS добавьте стили:

Код
.dPstBox {margin-left:10px!important;}
input.dPstBox[type="checkbox"] {display:none;}
input.dPstBox[type="checkbox"] + label span {
display:inline-block;
width:41px;
height:25px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url(/img/chk.png) left top no-repeat;
cursor:pointer;
}
input.dPstBox[type="checkbox"]:checked + label span {
background:url(/img/chk.png) -41px top no-repeat;
}


Не забудьте откорректировать адрес до файла с картинкой.
Прикрепления: 9583650.png(57.1 Kb) · 0400280.png(1.5 Kb)
профиль www Вверх
Форум » Форум по uCoz: работа с сайтом - дополнения и изменения » Модуль Форум » Чекбоксы в форме добавления ответа (создания темы) на форуме (Меняем внешний вид чекбоксов в форме отправки сообщений)
  • Страница 1 из 1
  • 1
Поиск:

Хостинг от uCoz