BBcode video selector - компактный вид видео ббкодов

Ббкоды для вставки видео и аудио в сообщения
Аватара пользователя

Автор темы
Fox
Администратор
Сообщения: 248
Зарегистрирован: 16 июн 2013, 11:10
Репутация: 4
Пол: Мужской
Поблагодарили: 7 раз
Контактная информация:

BBcode video selector - компактный вид видео ббкодов

#1 Сообщение Fox » 17 июн 2013, 14:59

Идея и автор: Alice с 4админс

Итак... Флеш, как выяснилось, разрешать в форуме опасно, для вставки видео лучше добавлять соответствующие ВВ-коды (почитать подробно).
Ресурсов для хостинга видео много. В окно ответа все ВВ-коды для вставки видео не поместятся и пользователи, конечно, не упомнят, для каких ресурсов есть ВВ-коды, а для каких нет. К тому же, как известно, пользовательские ВВ-коды, показываемые в окне ответа, сортируются по алфавиту. И если Вы в рукопашную не прописывали в окне ответа пользовательские Вв-коды, и не сносили блок, который выводит пользовательские Вв-коды, то Вв-коды для вставки видео оказываются вперемешку с другими ВВ-кодами, из-за чего в кнопках не очень то удобно становится ориентироваться.

Чтобы упростить пользователям жизнь, отредактируем шаблон постинг_баттонс по аналогии с рецептом для BBCode Выбор шрифта.


1. Открываем шаблон постинг_баттонс.
Находим:

Код: Выделить всё

tip: '{L_STYLES_TIP}'

ПЕРЕД ним добавляем:

Код: Выделить всё

video: 'вставка видео',


Еще лучше будет, если вместо "вставка видео" Вы коротко опишете подсказки к тем ВВ-кодам для вставки видео, которые у Вас есть.
Например:
'liveinternet - ссылка на пост с роликом, mailvid, rutube, youtube - ссылка на видео, smotri - ссылка на видео из адресной строки браузера, videoyandex - ссылка из кода ролика для Livinternet.ru'

Находим:

Код: Выделить всё

<!-- IF S_BBCODE_FLASH -->

ПЕРЕД ним добавляем:

Код: Выделить всё

<span class="genmed nowrap">video: <select class="gensmall" name="addbbcodevideo" onchange="bbfontstyle('[' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']', '[/' + this.form.addbbcodevideo.options[this.form.addbbcodevideo.selectedIndex].value + ']');this.form.addbbcodevideo.selectedIndex = 0;" onmouseover="helpline('video')" onmouseout="helpline('tip')">
             <option value="выбрать">выбрать</option>             
             <option value="liveinternet">liveinternet</option>
             <option value="mailvid">mailvid</option>
             <option value="rutube">rutube</option>
             <option value="smotri">smotri</option>
             <option value="youtube">youtube</option>
             <option value="videoYandex">videoYandex</option>
     </select></span>

Сохраняемся, чистим кэш.

2. Добавляем ВВ-коды для вставки видео liveinternet, mailvid, rutube, smotri, youtube, videoYandex. В настройках каждого из этих ВВ-кодов задаем не показывать на странице ответа. Все ВВ-коды можно найти в форуме ТП и на phpbb3guru. Можно по аналогии других ВВ-кодов для вставки видео в селектор насовать... Например, для вставки видео с гугля или дейлимоушена.

В результате в окне ответа появится не много-много кнопок с ВВ-кодами для вставки видео, а один селектор, при нажатии на который пользователь сможет выбрать нужный ВВ-код.

Изображение

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

Автор темы
Fox
Администратор
Сообщения: 248
Зарегистрирован: 16 июн 2013, 11:10
Репутация: 4
Пол: Мужской
Поблагодарили: 7 раз
Контактная информация:

Re: BBcode video selector - компактный вид видео ббкодов

#2 Сообщение Fox » 17 июн 2013, 15:06

Таким же способом можно упорядочить и другие ббкоды.

Автор и идея: Alice.
В общем виде это будет выглядеть так...

Код: Выделить всё

<span class="genmed nowrap"><select class="gensmall" name="addbbcodeothers" onchange="bbfontstyle('[' + this.form.addbbcodeothers.options[this.form.addbbcodeothers.selectedIndex].value + ']', '[/' + this.form.addbbcodeothers.options[this.form.addbbcodeothers.selectedIndex].value + ']'); this.form.addbbcodeothers.selectedIndex = 0;" onmouseover="helpline('tip')" onmouseout="helpline('tip')">
             <option value="others">другие ВВ-коды...</option>             
             <option value="название ВВ-кода1" title="подсказка для ВВ-кода4">словесное название1</option>
             <option value="название ВВ-кода 2" title="подсказка для ВВ-кода4">словесное название2</option>
             <option value="название ВВ-кода 3" title="подсказка для ВВ-кода4">словесное название3</option>
             <option value="Название ВВ-кода 4" title="подсказка для ВВ-кода4">словесное название4</option>
  и т.д. каждый option - это ВВ-код.
             
           
     </select></span>

Чтоб было понятно, куда какие буквы писать, пример на стандартных ВВ-кодах:

Код: Выделить всё

<span class="genmed nowrap"><select class="gensmall" name="addbbcodeothers" onchange="bbfontstyle('[' + this.form.addbbcodeothers.options[this.form.addbbcodeothers.selectedIndex].value + ']', '[/' + this.form.addbbcodeothers.options[this.form.addbbcodeothers.selectedIndex].value + ']'); this.form.addbbcodeothers.selectedIndex = 0;" onmouseover="helpline('tip')" onmouseout="helpline('tip')">
             <option value="others">другие ВВ-коды...</option>             
             <option value="img" title="вставить картинку">картика</option>
             <option value="url" title="вставить ссылку">ссылка</option>
             <option value="u" title="подчеркнутый">подчеркнутый</option>
             <option value="i" title="курсив">курсив</option>
             
           
     </select></span>

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

Автор темы
Fox
Администратор
Сообщения: 248
Зарегистрирован: 16 июн 2013, 11:10
Репутация: 4
Пол: Мужской
Поблагодарили: 7 раз
Контактная информация:

Re: BBcode video selector - компактный вид видео ббкодов

#3 Сообщение Fox » 21 июн 2013, 01:06

Перестановка кнопок пользовательских ВВ-кодов в окне ответа
Автор и идея: Alice

Если вы хотите переставить ббкоды в разные места в форме ответа, независимо от их стандартного порядка, тогда делаем то что написано ниже

Создать ВВ-код - настройки "не показывать в окне ответа".
Отредактировать шаблон posting_buttons.html, добавив в него в нужное место код кнопки:

Код: Выделить всё

<input type="button" name="addbbcode_название ВВ-кода"  onmouseout="helpline('tip')" onmouseover="helpline('название ВВ-кода')" value="название ВВ-кода" onclick="bbfontstyle('[название ВВ-кода]', '[/название ВВ-кода]');" class="btnbbcode" />

Перед

Код: Выделить всё

tip: '{L_STYLES_TIP}'

добавляем:

Код: Выделить всё

название ВВ-кода: 'текст подсказки',


Пример. Админ создал 2 пользовательских ВВ-кода для вставки картинок. album - для вставки картинок из галереи. imgshow - для вставки больших картинок с увеличением по клику... И теперь хочет, чтобы cтандартный ВВ-код img и пользовательские ВВ-коды album, imgshow располагались рядом, а не в разных местах.
Для этого. Находим в шаблоне код кнопки img.

Код: Выделить всё

<!-- 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 -->

Добавляем после него (а еще логичней - перед <!-- ENDIF -->) следующий НТМЛ-код:

Код: Выделить всё

<input type="button" name="addbbcode_imgshow"  onmouseout="helpline('tip')" onmouseover="helpline('imgshow')" value="imgshow" onclick="bbfontstyle('[imgshow]', '[/imgshow]');" class="btnbbcode" />
         
<input type="button" name="addbbcode_album"  onmouseout="helpline('tip')" onmouseover="helpline('album')" value="album" onclick="bbfontstyle('[album]', '[/album]');" class="btnbbcode" />

Перед tip: '{L_STYLES_TIP}' добавляем:

Код: Выделить всё

album: 'вставка картинки из галереи [album]номер картинки[/album]',
imgshow: 'вставка большой картинки с увеличением по клику [imgshow]url  картинки[/imgshow]',

Если вообще все кнопки хочется переставить, тогда придется проделать подобную процедуру для всех кнопок пользовательских ВВ-кодов...

  • Поделитесь ссылкой

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «BBcode видео и аудио»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость

cron