Форум web-мастеров phpBB3

Модификации и расширения phpBB
Регистрация ·  Логин: Пароль: Запомнить   · Забыли пароль?




Ответить на тему
Пред. тема | След. тема 
Автор Сообщение
Admin
Аватара пользователя

Карма
29
Стаж: 6 лет 1 месяц
Сообщения: 312
Россия

Ответить с цитатой

В третьей версии phpBB был существенно доработан механизм работы с BB-кодами. Теперь стало возможным использовать не только стандартные BB-коды, но и самостоятельно добавлять свои через администраторский раздел. В этой статье я хочу рассмотреть наиболее часто используемые BB-коды для облегчения жизни администраторов форумов.

Итак, управления BB-кодами осуществляется в администраторском разделе: «Администраторский раздел» — вкладка «Сообщения» — меню «Сообщения» — пункт меню «BBCodes». Если ранее вы не работали с BB-кодами на своём форуме, то увидите такое окно:

Для добавления BB-кода нужно нажать на кнопку "Добавить BBCode" и заполнить появившуюся форму:

Как именно заполнять, я напишу ниже. Постараюсь описать как можно больше разных вариантов BB-кодов.
Выравнивание текста по левому краю

Использование BBCode: [left]{TEXT}[/left]
Замена HTML: <div style="text-align:left;">{TEXT}</div>
Подсказка: Текст, выровненный по левому краю: [left]текст[/left]
Выравнивание текста по правому краю

Использование BBCode: [right]{TEXT}[/right]
Замена HTML: <div style="text-align:right;">{TEXT}</div>
Подсказка: Текст, выровненный по правому краю: [right]текст[/right]
Выравнивание текста по центру

Использование BBCode:
{TEXT}

Замена HTML: <div style="text-align:center;">{TEXT}</div>
Подсказка: Текст, выровненный по центру:
текст

Выравнивание текста по ширине

Использование BBCode: [justify]{TEXT}[/justify]
Замена HTML: <div style="text-align:justify;">{TEXT}</div>
Подсказка: Текст, выровненный по ширине: [justify]текст[/justify]
Шрифты

Использование BBCode: [font={SIMPLETEXT}]{TEXT}[/font]
Замена HTML: <span style="font-family: {SIMPLETEXT};">{TEXT}</span>
Подсказка: Шрифт: [font=название шрифта]текст[/font]
Зачёркнутый текст

Использование BBCode: [s]{TEXT}[/s]
Замена HTML: <span style="text-decoration:line-through;">{TEXT}</span>
Подсказка: Зачёркнутый текст: [s]текст[/s]
Горизонтальная линия

Использование BBCode:

Замена HTML: <hr />
Подсказка: Горизонтальная линия:

Нижний индекс

Использование BBCode: [sub]{TEXT}[/sub]
Замена HTML: <sub>{TEXT}</sub>
Подсказка: Нижний индекс: [sub]текст[/sub]
Верхний индекс

Использование BBCode: [sup]{TEXT}[/sup]
Замена HTML: <sup>{TEXT}</sup>
Подсказка: Верхний индекс: [sup]текст[/sup]
Телетайп

Использование BBCode: [tt]{TEXT}[/tt]
Замена HTML: <tt>{TEXT}</tt>
Подсказка: Текст в формате телетайпа: [tt]текст[/tt]
E-mail

Использование BBCode: [email]{EMAIL}[/email]
Замена HTML: <a href="mailto:{EMAIL}">{EMAIL}</a>
Подсказка: Ссылка на e-mail: admin@example.com
Аббревиатура

Использование BBCode: [abbr={SIMPLETEXT}]{TEXT}[/abbr]
Замена HTML: <abbr title="{SIMPLETEXT}">{TEXT}</abbr>
Подсказка: Аббревиатура: [abbr=расшифровка аббревиатуры]аббревиатура[/abbr]

Видео с YouTube

Использование BBCode: [youtube]http://www.youtube.com/watch?v={IDENTIFIER}[/youtube]
Замена HTML: <object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/{IDENTIFIER}&hl=ru_RU&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/{IDENTIFIER}&hl=ru_RU&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
Подсказка: Видео с YouTube: [youtube]ссылка на видео[/youtube]

Видео с RuTube

Использование BBCode: [rutube]http://rutube.ru/tracks/{NUMBER}.html?v={IDENTIFIER}[/rutube]
Замена HTML: <object width="470" height="353"><param name="movie" value="http://video.rutube.ru/{IDENTIFIER}"></param><param name="wmode" value="window"></param><param name="allowFullScreen" value="true"></param><embed src="http://video.rutube.ru/{IDENTIFIER}" type="application/x-shockwave-flash" wmode="window" width="470" height="353" allowFullScreen="true" ></embed></object>
Подсказка: Видео с RuTube: [rutube]ссылка на видео[/rutube]

Видео с Vimeo

Использование BBCode: [vimeo]http://vimeo.com/{NUMBER}[/vimeo]
Замена HTML: <object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id={NUMBER}&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=&fullscreen=1&autoplay=0&loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id={NUMBER}&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=&fullscreen=1&autoplay=0&loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>
Подсказка: Видео с Vimeo: [vimeo]ссылка на видео[/vimeo]

Видео с Smotri.com

Использование BBCode: [smotri]http://smotri.com/video/view/?id=v{IDENTIFIER}[/smotri]
Замена HTML: <object id="smotriComVideoPlayer" width="640" height="360"><param name="movie" value="http://pics.smotri.com/player.swf?file=v{IDENTIFIER}&bufferTime=3&autoStart=false&str_lang=rus&xmlsource=http%3A%2F%2Fpics.smotri.com%2Fcskins%2Fblue%2Fskin_color.xml&xmldatasource=http%3A%2F%2Fpics.smotri.com%2Fskin_ng.xml" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="bgcolor" value="#ffffff" /><embed src="http://pics.smotri.com/player.swf?file=v{IDENTIFIER}&bufferTime=3&autoStart=false&str_lang=rus&xmlsource=http%3A%2F%2Fpics.smotri.com%2Fcskins%2Fblue%2Fskin_color.xml&xmldatasource=http%3A%2F%2Fpics.smotri.com%2Fskin_ng.xml" quality="high" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="640" height="360" type="application/x-shockwave-flash"></embed></object>
Подсказка: Видео с Smotri.com: [smotri]ссылка на видео[/smotri]

Текст в разметке LaTeX

Использование BBCode: [latex]{TEXT}[/latex]
Замена HTML: <img src="http://chart.apis.google.com/chart?cht=tx&chs=1x0&chf=bg,s,FFFFFF00&chco=000000&chl={TEXT}" alt="{TEXT}" />
Подсказка: Текст в разметке LaTeX: [latex]текст[/latex]
_______________________
Если нужен стиль для сайта, стучите: ICQ 560107181


Профиль  Отправить личное сообщение
Идеальный заработок для торрент-трекеров
Donate
Аватара пользователя

Карма
9
Стаж: 5 лет 4 месяца
Сообщения: 22
Откуда: Эстляндия

Ответить с цитатой

Ещё BB-коды для phpBB3: первые два собрал сам, третий нашёл на оф.сайте phpbb. Всё проверено в работе.

1. Изображение слева:

Использование BBCode:
[imgleft]{URL}[/imgleft]

Замена HTML:
<img src="{URL}" style="float:left; margin-top:10px; margin-right:10px; margin-bottom:10px">

Подсказка:
Изображение слева: [imgleft]адрес ссылки[/imgleft]


2. Изображение справа:

Использование BBCode:
[imgright]{URL}[/imgright]

Замена HTML:
<img src="{URL}" style="float:right; margin-top:10px; margin-left:10px; margin-bottom:10px">

Подсказка:
Изображение справа: [imgright]ссылка на изображение[/imgright]


3. Спойлер как в торрентс.ру:

Использование BBCode:
[spoiler={TEXT1}]{TEXT2}[/spoiler]

Замена HTML:
<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 2px">
   <div style="background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = 'data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw=='; } else { hidn.style.display = 'none'; btn.src = orimg; }">
      <img style="margin: 0; padding: 5px 5px 0" src="data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=" />
      {TEXT1}
   </div>
   <div style="display: none; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 6px">
      {TEXT2}
   </div>
</div>

Подсказка:
Скрытый текст: [spoiler=название]Ваш текст[/spoiler]
_______________________
кто не видел настоящей кошки, тот не может рассуждать о неко...


Профиль  Отправить личное сообщение
Admin
Аватара пользователя

Карма
29
Стаж: 6 лет 1 месяц
Сообщения: 312
Россия

Ответить с цитатой

mars17 писал(а):
Ещё BB-коды для phpBB3: первые два собрал сам, третий нашёл на оф.сайте phpbb. Всё проверено в работе.
А чего там собирать-то? Минутное дело )
Спойлер лучше устанавливать через правку php, как на этом форуме, без лишних подрубонов и мути всякой.


Профиль  Отправить личное сообщение
Страница 1 из 1
Показать сообщения за:  Поле сортировки  
Ответить на тему

Сейчас этот форум просматривают: Yandex [Bot] и гости: 1


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

cron



Powered by phpBB, 9CaraTT.RU, 2012-2018.
Обратная связь
000webhost logo