Замена кнопок на картинки ВВ кодов
Добавлено: 28 янв 2013, 11:18
Замена кнопок на картинки ВВ кодов.
Вообщем погуглил немного я, покурил "гуру" и решил применить опыт людей под никами Айдар и Некстати, за что им спасибо. Немного приукрасил редактор сообщений. Данная модификация дает возможность изменить кнопки на картинки, но только все. Иначе вашу кнопку не будет видно. Вот что вышло из этого.
Установка.Стиль subsilver2.
[spoiler="Скрытый текст"]Первое что мы делаем это наши иконки с расширение .png(если хотим блестяшки 
), можете найти в интернете, можете сделать сами как и я. Сохраняем иконки в addbbcodeХХ.png(где ХХ это номер кнопки, его можно посмотреть просмотрев код вашей страницы). Все иконки загружаем в папку styles/subsilver2/imageset .
Далее мы открываем styles/subsilver2/template/posting_buttons.html
находим
[code]<!-- IF S_BBCODE_ALLOWED -->
<tr>
<td> <input type="text" readonly="readonly" name="helpbox" style="width:100%" class="helpline" value="{L_STYLES_TIP}" /></td>
<!-- IF not $S_SIGNATURE and not S_EDIT_DRAFT -->
<td class="genmed" align="center " style="text-align:right">{L_FONT_COLOR}</td>
<!-- ENDIF -->
</tr>
<!-- ENDIF -->[/code]
Добавляем после
[code]<script type="text/javascript">
// <![CDATA[
var buttons = document.getElementsByTagName('input');
for (i = 0; i < buttons.length; i++) {
if (buttons.className == 'btnbbcode') {
buttons.style.width = '32px';
buttons.style.height = '32px';
buttons.style.background = 'url({T_IMAGESET_PATH}/' + buttons.name + '.png)'
buttons.style.border = 'none';
buttons.style.verticalAlign = 'bottom';
buttons.value = '';
}
}
// ]]>
</script>[/code]
[error]Значения width и height должны быть такими же как у ваших иконок. При добавлении нового ВВ кода в административном центре вам дополнительно нужно опять таки загрузить иконку для него.[/error]
[ok]При отключении в админцентре ВВ кода иконка тоже исчезает с панели редактора. Если же вы хотите вернуть свои кнопки назад просто закомментируйте код который вы добавили в posting_buttons.html.[/ok][/spoiler]
), можете найти в интернете, можете сделать сами как и я. Сохраняем иконки в addbbcodeХХ.png(где ХХ это номер кнопки, его можно посмотреть просмотрев код вашей страницы). Все иконки загружаем в папку styles/subsilver2/imageset .Далее мы открываем styles/subsilver2/template/posting_buttons.html
находим
[code]<!-- IF S_BBCODE_ALLOWED -->
<tr>
<td> <input type="text" readonly="readonly" name="helpbox" style="width:100%" class="helpline" value="{L_STYLES_TIP}" /></td>
<!-- IF not $S_SIGNATURE and not S_EDIT_DRAFT -->
<td class="genmed" align="center " style="text-align:right">{L_FONT_COLOR}</td>
<!-- ENDIF -->
</tr>
<!-- ENDIF -->[/code]
Добавляем после
[code]<script type="text/javascript">
// <![CDATA[
var buttons = document.getElementsByTagName('input');
for (i = 0; i < buttons.length; i++) {
if (buttons.className == 'btnbbcode') {
buttons.style.width = '32px';
buttons.style.height = '32px';
buttons.style.background = 'url({T_IMAGESET_PATH}/' + buttons.name + '.png)'
buttons.style.border = 'none';
buttons.style.verticalAlign = 'bottom';
buttons.value = '';
}
}
// ]]>
</script>[/code]
[error]Значения width и height должны быть такими же как у ваших иконок. При добавлении нового ВВ кода в административном центре вам дополнительно нужно опять таки загрузить иконку для него.[/error]
[ok]При отключении в админцентре ВВ кода иконка тоже исчезает с панели редактора. Если же вы хотите вернуть свои кнопки назад просто закомментируйте код который вы добавили в posting_buttons.html.[/ok][/spoiler]
Демо:
[center]Кнопки просто мои[/center]
[center][/center]
[center][/center]
лучше бы помогли