bbcode ikon - выпадающий список иконок для сообщенияДанная модификация создана как дополнение к линейке выпадающих списков (как размер шрифта) и даёт возможность пользователю выбрать оформление блока для выделения части текста в сообщении.
На данный момент встроено 3 модуля - галочка (то есть просто выделение), важно и информ.
Можете сами добавлять-убирать блоки.
Выглядит применение этого bbcode так:
Вложение:
Комментарий к файлу: так будет выглядеть после установки
iconki_inf.png [ 32.44 КБ | Просмотров: 214 ]
iconki_inf.png
Если вас заинтересовало - реализуется этот bbcode так:
Открыть
ваш стиль/template/posting_buttons.htmlНайти
Код: Выделить всё
<span class="genmed nowrap">{L_FONT_SIZE}: <select class="gensmall" name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
<option value="50">{L_FONT_TINY}</option>
<option value="85">{L_FONT_SMALL}</option>
<option value="100" selected="selected">{L_FONT_NORMAL}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
<option value="150">{L_FONT_LARGE}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
<option value="200">{L_FONT_HUGE}</option>
<!-- ENDIF -->
<!-- ENDIF -->
</select></span>Вставить после найденного
Код: Выделить всё
<span class="genmed nowrap">{L_IKON_SEL}: <select class="gensmall" name="ikonka" onchange="bbfontstyle('[ikon=' + this.form.ikonka.options[this.form.ikonka.selectedIndex].value + ']', '[/ikon]');" title="{L_IKON_SEL_TITLE}">
<option value="" selected="selected">{L_IKON_SEL_TITLE_MAIN}</option>
<option value="gal">{L_IKON_GAL}</option>
<option value="vnim">{L_IKON_VNIM}</option>
<option value="inf">{L_IKON_INF}</option>
</select></span>Открыть
language/ru/posting.phpНайти
Код: Выделить всё
'GENERAL_UPLOAD_ERROR' => 'Не удалось закачать вложение %s.',Вставить после найденного
Код: Выделить всё
// IKON
'IKON_SEL' => 'Иконка',
'IKON_SEL_TITLE' => 'Выделить часть текста',
'IKON_SEL_TITLE_MAIN' => 'Выбрать',
'IKON_GAL' => 'Галочка',
'IKON_VNIM' => 'Важно',
'IKON_INF' => 'Информ',В ваш стилевой файл .css добавить следующие классы (поставьте в конец файла)
Код: Выделить всё
/*------------- ikonki is bbcode ---------------*/
.gal {
background:url('images/ikonki/32x32/gal_icon.png');
width: 32px;
height:32px;
float: left;
margin: 5px 5px 5px 0;
}
.vnim {
background:url('images/ikonki/32x32/vnim_icon.png');
width: 32px;
height:32px;
float: left;
margin: 5px 5px 5px 0;
}
.inf {
background:url('images/ikonki/32x32/info_icon.png');
width: 32px;
height:32px;
float: left;
margin: 5px 5px 5px 0;
}
.border_ikon {
border-left: 2px solid #BB0000;
padding:5px;
height: 100%;
}Загрузить в папку
ваш стиль/theme/images/ папку с изображениями:
скачать из архива сайта - распаковать, загрузить папку ikonki в
ваш стиль/theme/images/.
в папке находятся изображения разного размера - 32х32, 24х24 и 16х16.
можете выбрать наиболее вам подходящее просто заменив ссылку (например)
Код: Выделить всё
background:url('images/ikonki/32x32/info_icon.png');на
Код: Выделить всё
background:url('images/ikonki/16x16/info_icon.png');Добавить в админку для активации следующий код:
Использование BBCodeЗамена HTMLКод: Выделить всё
<table><tr><td class="border_ikon"><div class="{SIMPLETEXT}"></div>{TEXT}</td></tr></table>Вот и всё. Успехов. Не забудьте очистить кэш после установки.
Вывод bbcode на страницу создания темы будет таким:
