BB-коды в phpBB3

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

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

BB-коды в phpBB

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

Добавление BB-кодов в phpBB

Как именно заполнять, я напишу ниже. Постараюсь описать как можно больше разных вариантов 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: [center]{TEXT}[/center]
Замена HTML: <div style=»text-align:center;»>{TEXT}</div>
Подсказка: Текст, выровненный по центру: [center]текст[/center]

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

Использование 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: [hr][/hr]
Замена HTML: <hr />
Подсказка: Горизонтальная линия: [hr][/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: [email]admin@example.com[/email]

Аббревиатура

Использование 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=1×0&chf=bg,s,FFFFFF00&chco=000000&chl={TEXT}» alt=»{TEXT}» />
Подсказка: Текст в разметке LaTeX: [latex]текст[/latex]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *