Полезная информация


----

Начать новую тему Ответить на тему
АвторСообщение

 Сообщение Замена кнопок на картинки ВВ кодов 2013-01-28

Аватар пользователя

Замена кнопок на картинки ВВ кодов.

Вообщем погуглил немного я, покурил "гуру" и решил применить опыт людей под никами Айдар и Некстати, за что им спасибо. Немного приукрасил редактор сообщений. Данная модификация дает возможность изменить кнопки на картинки, но только все. Иначе вашу кнопку не будет видно. Вот что вышло из этого.

Установка.Стиль subsilver2.

Первое что мы делаем это наши иконки с расширение .png(если хотим блестяшки :-00): ), можете найти в интернете, можете сделать сами как и я. Сохраняем иконки в addbbcodeХХ.png(где ХХ это номер кнопки, его можно посмотреть просмотрев код вашей страницы). Все иконки загружаем в папку styles/subsilver2/imageset .
Далее мы открываем styles/subsilver2/template/posting_buttons.html
находим
<!-- 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 -->
 

Добавляем после
<script type="text/javascript">
// <![CDATA[
var buttons = document.getElementsByTagName('input');
for (i = 0; i < buttons.length; i++) {
   if (buttons[i].className == 'btnbbcode') {
      buttons[i].style.width = '32px';
      buttons[i].style.height = '32px';
      buttons[i].style.background = 'url({T_IMAGESET_PATH}/' + buttons[i].name + '.png)'
      buttons[i].style.border = 'none';
      buttons[i].style.verticalAlign = 'bottom';
      buttons[i].value = '';
   }
}
// ]]>
</script>
 

Значения width и height должны быть такими же как у ваших иконок. При добавлении нового ВВ кода в административном центре вам дополнительно нужно опять таки загрузить иконку для него.

При отключении в админцентре ВВ кода иконка тоже исчезает с панели редактора. Если же вы хотите вернуть свои кнопки назад просто закомментируйте код который вы добавили в posting_buttons.html.

Демо:

Кнопки просто мои




_________________
Подпись:
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.

Информация о редактировании
Последний раз редактировалось akella1900 29 янв 2013, 08:55, всего редактировалось 1 раз.
          Вернуться наверх  
 


Аватар пользователя

Сначала поставила мод сортировки кодов - нашла вот

Поставила все же кнопочки. Скрин внизу прикреплен. Немного аляповато получилось, ладно, кнопочки потом перерисую.
Возникли проблемы при установке - никак не могла "обозвать" кнопки транслитерации вот отсюда

в коде posting_button.html у них параметр name одинаковый, а прямую ссылку я не знаю как и где прописать
<input type="button" class="btnbbcode" accesskey="t" name="keybo" value="RU &rarr; EN" style="width: 40px" onclick="ruen()"  onMouseOver="helpline('t12')" onmouseout="helpline('tip')" />
<input type="button" class="btnbbcode" accesskey="t" name="keybo" value="EN &rarr; RU" style="width: 40px" onclick="enru()"  onMouseOver="helpline('t13')" onmouseout="helpline('tip')" />
 


обозвала name="keybo1" и name="keybo2" и так же кнопки, соответственно, keybo1.png и keybo2.png. Иначе они не показывались, а так все работает.
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


Дополнительные возможности

  Похожие темы  Автор  Ответов  Просмотров  Последнее сообщение 
Аватар пользователя Как изменить названия кнопок?
Изменения названия кнопок

Marin

5

509

Аватар пользователя

05 ноя 2014, 06:33

белк

Аватар пользователя Замена ссылки на короткое имя

salexcorp

10

634

Аватар пользователя

11 ноя 2013, 23:10

Amatue

Аватар пользователя замена стандартных ярлыков
замена стандартных ярлыков

Timooo

9

376

Аватар пользователя

19 сен 2013, 09:52

DeaDRoMeO

Аватар пользователя Смешные картинки

Suits

95

2507

Аватар пользователя

07 мар 2014, 17:38

ursego

Аватар пользователя Вложения-картинки в одну линию
Тема о том, как сделать так, чтобы вложения-картинки располагались горизонтально в сообщении

DeaDRoMeO

51

4886

Аватар пользователя

15 июл 2016, 07:07

Beksssss

Оставить свой комментарий

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


Самая неформальная поддержка phpBB :P