Настройка стандартного меню цветов в форме ответа - для форумов phpbb2 и punbb

Данный туториал позволяет настраивать по своему усмотрению стандартное цветовое меню, предлагаемое в форме ответа при написании сообщения. С его помощью вы сможете заменять предложенные цвета (а также их названия), удалять ненужные цвета и добавлять новые.

Внимание: 1. Этот туториал действует только для форумов версий phpbb2 и punbb - то есть версий, позволяющих изменять шаблоны. 2. Для внесения изменений в шаблон вы должны войти на форум под логином создателя. Только создатель может редактировать шаблоны форума. 3. Данные изменения касаются только формы обычного ответа. Они не действуют в форме быстрого ответа.

Коды HTML нравящихся вам цветов вы можете найти, например, здесь


Перейдите в ПА - Оформление - Шаблоны - Запостить и личные сообщения

и найдите шаблон posting_body
С этим шаблоном мы и будем работать.



Нажмите иконку (редактировать шаблон) и найдите следующий код:

Первый блок

Код:

<div style="visibility:hidden" class="select" id="color">
      <button style="color:darkred" onclick="bbfontstyle('[color=darkred]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_DARK_RED}</button>

      <button style="color:red" onclick="bbfontstyle('[color=red]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_RED}</button>

      <button style="color:orange" onclick="bbfontstyle('[color=orange]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_ORANGE}</button>

      <button style="color:brown" onclick="bbfontstyle('[color=brown]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_BROWN}</button>

      <button style="color:yellow" onclick="bbfontstyle('[color=yellow]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_YELLOW}</button>

      <button style="color:green" onclick="bbfontstyle('[color=green]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_GREEN}</button>

      <button style="color:olive" onclick="bbfontstyle('[color=olive]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_OLIVE}</button>

      <button style="color:cyan" onclick="bbfontstyle('[color=cyan]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_CYAN}</button>

      <button style="color:blue" onclick="bbfontstyle('[color=blue]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_BLUE}</button>

      <button style="color:darkblue" onclick="bbfontstyle('[color=darkblue]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_DARK_BLUE}</button>

      <button style="color:indigo" onclick="bbfontstyle('[color=indigo]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_INDIGO}</button>

      <button style="color:violet" onclick="bbfontstyle('[color=violet]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_VIOLET}</button>

      <button style="color:lightgrey" onclick="bbfontstyle('[color=white]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_WHITE}</button>

      <button style="color:black" onclick="bbfontstyle('[color=black]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_BLACK}</button>

  </div>



Эта часть кода управляет выпадающим меню цветов под кнопкой выбора цвета в форме обычного ответа.

Каждая строчка этого кода соответствует одному цвету.
Например, эта строчка соответствует черному цвету :

Код:

<button style="color:black" onclick="bbfontstyle('[color=black]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_BLACK}</button>

Разобравшись, как работает этот код, вы сможете настраивать и изменять ваше цветовое меню по собственному усмотрению.

В этой строке 3 части :

1)

<button style="color:black"

Здесь красным помечен цвет названия вашего цвета в выпадающем меню цветов.
Если мы хотим заменить черный на какой-то другой цвет - например бирюзовый, то это будет цвет названия "бирюзовый", стоящего в цветовом меню. То есть по логике вещей здесь должно стоять просто напросто название нужного цвета.
Поставим здесь нашу бирюзу (цвет можно обозначать либо его именем, либо кодом HTML:

Код:

<button style="color:#40E0D0"

2)

Код:

onclick="bbfontstyle('[color=black]','[/color]');

Здесь опять нужно заменить слово black - и поставить на его место код того цвета, на который вы заменяете черный. То есть в нашем случае опять-таки код бирюзы :

Код:

onclick="bbfontstyle('[color=#40E0D0]','[/color]');

3)

selectWysiwyg(this,'color');return false">{L_COLOR_BLACK}</button>

Здесь красным помечен кусок кода, отвечающий за текст названия цвета в цветовом меню. Мы напишем здесь "бирюзовый" , но можем в принципе написать что угодно, например "Цвет модераторов" и т.д.

Код:

selectWysiwyg(this,'color');return false">Бирюзовый</button>

Внимание:
Чтобы ваши новые цвета работали также в режиме WYSIWYG, вам надо будет внести точно такие же изменения в еще одном месте шаблона.
Найдите код :

Второй блок

Код:

<div style="visibility:hidden" class="select" id="wcolor">
      <button style="color:darkred" id="text_editor_cmd_constructBBcode_select_color_darkred">{L_COLOR_DARK_RED}</button>

      <button style="color:red" id="text_editor_cmd_constructBBcode_select_color_red">{L_COLOR_RED}</button>

      <button style="color:orange" id="text_editor_cmd_constructBBcode_select_color_orange">{L_COLOR_ORANGE}</button>

      <button style="color:brown" id="text_editor_cmd_constructBBcode_select_color_brown">{L_COLOR_BROWN}</button>

      <button style="color:yellow" id="text_editor_cmd_constructBBcode_select_color_yellow">{L_COLOR_YELLOW}</button>

      <button style="color:green" id="text_editor_cmd_constructBBcode_select_color_green">{L_COLOR_GREEN}</button>

      <button style="color:olive" id="text_editor_cmd_constructBBcode_select_color_olive">{L_COLOR_OLIVE}</button>

      <button style="color:cyan" id="text_editor_cmd_constructBBcode_select_color_cyan">{L_COLOR_CYAN}</button>

      <button style="color:blue" id="text_editor_cmd_constructBBcode_select_color_blue">{L_COLOR_BLUE}</button>

      <button style="color:darkblue" id="text_editor_cmd_constructBBcode_select_color_darkblue">{L_COLOR_DARK_BLUE}</button>

      <button style="color:indigo" id="text_editor_cmd_constructBBcode_select_color_indigo">{L_COLOR_INDIGO}</button>

      <button style="color:violet" id="text_editor_cmd_constructBBcode_select_color_violet">{L_COLOR_VIOLET}</button>

      <button style="color:lightgrey" id="text_editor_cmd_constructBBcode_select_color_white">{L_COLOR_WHITE}</button>

      <button style="color:black" id="text_editor_cmd_constructBBcode_select_color_black">{L_COLOR_BLACK}</button>

   </div>

И замените для нужных цветов название цвета и цвет названия цвета :

Код:

<button style="color:black"

Код:

{L_COLOR_BLACK}

Не забудьте сохранить



и опубликовать ваш новый шаблон с помощью кнопки




Вот что мы увидим в результате на форуме, в форме ответа :






Как вы уже наверняка догадались, чтобы удалить ненужный цвет, достаточно удалить строку, соответствующую этому цвету.
Если мы хотим удалить из меню черный цвет, удаляем эту строку :

Код:

<button style="color:black" onclick="bbfontstyle('[color=black]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_BLACK}</button>

А также, строку, соответствующую черному, во втором блоке:

Код:

<button style="color:black" id="text_editor_cmd_constructBBcode_select_color_black">{L_COLOR_BLACK}</button>


Вместо того, чтобы заменять уже стоящие в коде цвета, вы можете просто добавить новые.
Для этого скопируйте одну строку, замените в ней 3 элемента, которые мы обсуждали выше (см "Как изменить цвет") и поставьте ее в нужное место.

Берем строчку:

Код:

<button style="color:darkred" onclick="bbfontstyle('[color=darkred]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_DARK_RED}</button>

И заменяем:

Код:

<button style="color:мой цвет" onclick="bbfontstyle('[color=мой цвет]','[/color]');selectWysiwyg(this,'color');return false">Мое название</button>

Сделайте то же самое во втором блоке кода:

Берем строчку:

Код:

<button style="color:darkred" id="text_editor_cmd_constructBBcode_select_color_darkred">{L_COLOR_DARK_RED}</button>


И заменяем :

Код:

<button style="color:мой цвет" id="text_editor_cmd_constructBBcode_select_color_darkred">Мое название</button>


Не забудьте сохранить и опубликовать измененный шаблон с помощью кнопки

© Данный туториал создан на основе туториала, написанного командой форума поддержки forum.forumactif.com, и в первую очередь пользователем Irina. Любая публикация этого материала без нашего разрешения запрещается.