Помощь админам бесплатных форумов на PHPBB3
http://admins.bestforums.org/

Замена кнопок BBCoda на картинки
http://admins.bestforums.org/viewtopic.php?f=5&t=75
Страница 1 из 1

Автор:  admin [ 05 сен 2012, 12:13 ]
Заголовок сообщения:  Замена кнопок BBCoda на картинки

для стиля prosilver
открываем шаблон posting_buttons.html
находим
Код:
    if (e.style.display == 'block')
          {
             document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
          }
          else
          {
             document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
          }


и заменяем на этот
Код:
    if (e.style.display == 'block')
                {
                   document.getElementById('bbpalette').value = '';
                }
                else
                {
                   document.getElementById('bbpalette').value = '';
                }

находим
Код:
    <input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
       <input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
       <input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
       <!-- IF S_BBCODE_QUOTE -->
          <input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
       <!-- ENDIF -->
       <input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
       <input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
       <input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
       <input type="button" class="button2" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
       <!-- IF S_BBCODE_IMG -->
          <input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
       <!-- ENDIF -->
       <!-- IF S_LINKS_ALLOWED -->
          <input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
       <!-- ENDIF -->
       <!-- IF S_BBCODE_FLASH -->
          <input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
       <!-- ENDIF -->
       <select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
          <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>
       <input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />


заменяем на
Код:
    <input type="button" class="buttonz" accesskey="b" name="addbbcode0" value="" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" style="background: url('./images/editor/text_bold.png');" />
       <input type="button" class="buttonz" accesskey="i" name="addbbcode2" value="" style="background: url('./images/editor/text_italic.png');" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
       <input type="button" class="buttonz" accesskey="u" name="addbbcode4" value="" style="background: url('./images/editor/text_underline.png');" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
       <!-- IF S_BBCODE_QUOTE -->
          <input type="button" class="buttonz" accesskey="q" name="addbbcode6" value="" style="background: url('./images/editor/comment.png');" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
       <!-- ENDIF -->
       <input type="button" class="buttonz" accesskey="c" name="addbbcode8" value="" style="background: url('./images/editor/page_white_code.png');" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
       <input type="button" class="buttonz" accesskey="l" name="addbbcode10" value="" style="background: url('./images/editor/text_list_bullets.png');" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
       <input type="button" class="buttonz" accesskey="o" name="addbbcode12" value="" style="background: url('./images/editor/text_list_numbers.png');" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
       <input type="button" class="buttonz" accesskey="t" name="addlitsitem" value="" style="background: url('./images/editor/bullet_black.png');" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
       
       <!-- IF S_BBCODE_IMG -->
          <input type="button" class="buttonz" accesskey="p" name="addbbcode14" value="" style="background: url('./images/editor/image.png');" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
       <!-- ENDIF -->
       <!-- IF S_LINKS_ALLOWED -->
          <input type="button" class="buttonz" accesskey="w" name="addbbcode16" value="" style="background: url('./images/editor/world_link.png');" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
       <!-- ENDIF -->
       <!-- IF S_BBCODE_FLASH -->
          <input type="button" class="buttonz" accesskey="d" name="addbbcode18" value="" style="background: url('./images/editor/page_white_flash.png');" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
       <!-- ENDIF -->
       <input type="button" class="buttonz" name="bbpalette" id="bbpalette" value="" style="background: url('./images/editor/color_wheel.png');" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
       
       <select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
          <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>

скачиваем набор картинок, распаковываем, затем нужные картинки закачиваем в Админ раздел - Картинки, и полученые ссылки вставляем в коде вместо этих ./images/editor/text_italic.png
Вложение:
famfamfam_silk_icons_v013.zip

затем, находим
Код:
    <!-- BEGIN custom_tags -->
          <input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
       <!-- END custom_tags -->

и заменяем на
Код:
    <!-- BEGIN custom_tags -->
          <input type="button" class="buttonz" name="addbbcode{custom_tags.BBCODE_ID}" value="" style="background: url('./images/editor/{custom_tags.BBCODE_TAG}.png');" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
       <!-- END custom_tags --> 




далее открываем тему стиля
и в самый низ добавляем это
Код:
    .buttonz {
        width: 22px !important;
        height: 22px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        margin: 6px 0px !important;
        border: 1px solid #979797 !important;
        }
        .buttonz:hover {
        background-color: #ffffdf !important;
        border: 1px solid #BC2A4D !important;
        }






для клонов стиля subsilver2
открываем шаблон posting_buttons.html
находим
Код:
<!-- IF S_BBCODE_ALLOWED -->
      <input type="button" class="btnbbcode" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px;" onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px;" onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px;" onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')" />
      <!-- IF S_BBCODE_QUOTE -->
         <input type="button" class="btnbbcode" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
      <input type="button" class="btnbbcode" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')" />            
      <!-- IF S_BBCODE_IMG -->
         <input type="button" class="btnbbcode" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
      <!-- IF S_LINKS_ALLOWED -->
         <input type="button" class="btnbbcode" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
      <!-- IF S_BBCODE_FLASH -->
         <input type="button" class="btnbbcode" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
      <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>
         <option value="150">{L_FONT_LARGE}</option>
         <option value="200">{L_FONT_HUGE}</option>
      </select></span>
<!-- ENDIF -->

и заменяем
Код:
    <input type="button" class="buttonz" accesskey="b" name="addbbcode0" value="" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" style="background: url('./images/editor/text_bold.png');" />
       <input type="button" class="buttonz" accesskey="i" name="addbbcode2" value="" style="background: url('./images/editor/text_italic.png');" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
       <input type="button" class="buttonz" accesskey="u" name="addbbcode4" value="" style="background: url('./images/editor/text_underline.png');" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
       <!-- IF S_BBCODE_QUOTE -->
          <input type="button" class="buttonz" accesskey="q" name="addbbcode6" value="" style="background: url('./images/editor/comment.png');" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
       <!-- ENDIF -->
       <input type="button" class="buttonz" accesskey="c" name="addbbcode8" value="" style="background: url('./images/editor/page_white_code.png');" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
       <input type="button" class="buttonz" accesskey="l" name="addbbcode10" value="" style="background: url('./images/editor/text_list_bullets.png');" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
       <input type="button" class="buttonz" accesskey="o" name="addbbcode12" value="" style="background: url('./images/editor/text_list_numbers.png');" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
       <input type="button" class="buttonz" accesskey="t" name="addlitsitem" value="" style="background: url('./images/editor/bullet_black.png');" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
       
       <!-- IF S_BBCODE_IMG -->
          <input type="button" class="buttonz" accesskey="p" name="addbbcode14" value="" style="background: url('./images/editor/image.png');" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
       <!-- ENDIF -->
       <!-- IF S_LINKS_ALLOWED -->
          <input type="button" class="buttonz" accesskey="w" name="addbbcode16" value="" style="background: url('./images/editor/world_link.png');" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
       <!-- ENDIF -->
       <!-- IF S_BBCODE_FLASH -->
          <input type="button" class="buttonz" accesskey="d" name="addbbcode18" value="" style="background: url('./images/editor/page_white_flash.png');" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
       <!-- ENDIF -->
       <select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
          <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>


ссылки на картинки также вставляем свои

далее, открываем тему стиля и в самый низ добавляем это
Код:
    .buttonz {
        width: 22px !important;
        height: 22px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        margin: 6px 0px !important;
        border: 1px solid #979797 !important;
        }
        .buttonz:hover {
        background-color: #ffffdf !important;
        border: 1px solid #BC2A4D !important;
        }





BenDeen писал(а):И так для замены кнопки HIDE на картинку типа Изображение делаем следующее:

  1. в posting_buttons.html вставляем куда угодно после
    Код:
    <!-- IF S_BBCODE_ALLOWED -->

    но перед
    Код:
    </td>
    </tr>
    <!-- IF S_BBCODE_ALLOWED and .custom_tags -->

    Вот это:
    Код:
    <input type="button" class="buttonz" accesskey="hide=" name="addbbcode_hide=" value="" style="background: url('http://bendeen.ukrbb.net/images/ranks/bendeen_ukrbb_net/hide.png');" onclick="bbfontstyle('[hide=]', '[/hide]')" title="Скрытый текст: [hide=ЧИСЛО]Текст[/hide]" />
Ссылку на картинку не забываем ставить свою!
Естественно в настройках BBCodes hide= отключаем "Показывать на странице ответа"




BenDeen писал(а):Ещё для тех, у кого установлен Мод "Медали" и установлено дополнение, описанное в третьем посте этой темы (палитра цветов под кнопкой), необходимо в шаблоне medalcp_nominate.html найти
Код:
               <!-- IF S_BBCODE_ALLOWED -->
               <td width="80" align="center" valign="top">
                  <script type="text/javascript">
                  // <![CDATA[
                     colorPalette('v', 7, 6)
                  // ]]>
                  </script>
               </td>
               <!-- ENDIF -->

и удалить его, что бы палитра не отображалась справа от окна ввода текста! При этом кнопка открытия палитры будет работать!

Автор:  BenDeen [ 13 сен 2012, 08:40 ]
Заголовок сообщения:  Замена кнопок BBCodes на картинки

Замена кнопок BBCodes на картинки для стилей клонов subsilver2!


По сути это тоже, что и в посте выше!


Для начала предлагаю скачать набор иконок!
Вложение:
icons_16x16.zip



Начнём с установки следующих кнопок:
Изображение


vikweb писал(а):эта функция ещё тестируется, но если народ желает тогда вот решение

для клонов стиля subsilver2
открываем шаблон posting_buttons.html
находим

Код:
<!-- IF S_BBCODE_ALLOWED -->
      <input type="button" class="btnbbcode" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px;" onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px;" onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px;" onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')" />
      <!-- IF S_BBCODE_QUOTE -->
         <input type="button" class="btnbbcode" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
      <input type="button" class="btnbbcode" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')" />
      <input type="button" class="btnbbcode" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')" />           
      <!-- IF S_BBCODE_IMG -->
         <input type="button" class="btnbbcode" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
      <!-- IF S_LINKS_ALLOWED -->
         <input type="button" class="btnbbcode" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
      <!-- IF S_BBCODE_FLASH -->
         <input type="button" class="btnbbcode" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')" />
      <!-- ENDIF -->
      <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>
         <option value="150">{L_FONT_LARGE}</option>
         <option value="200">{L_FONT_HUGE}</option>
      </select></span>
<!-- ENDIF -->

и заменяем на:

--- вы должны быть зарегистрированным пользователем, чтобы прочитать это содержимое ---


Ссылки на картинки также вставляем свои!!!


далее, открываем тему стиля и находим:
Код:
    .username-coloured {
       font-weight: bold;
    }

и сразу после этого с новой строки добавляем это:

--- вы должны быть зарегистрированным пользователем, чтобы прочитать это содержимое ---

Огромный респект за это vikweb (администратор этого форума)!!!
: Добавлена всплывающая подсказка при наведении на кнопку и так же работает строка Совет:!

Страница 1 из 1 Часовой пояс: UTC + 1 час [ Летнее время ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/