phpBB + дополнительные полезные BBCode
В третьей версии phpBB был существенно доработан механизм работы с BB-кодами. Теперь стало возможным использовать не только стандартные BB-коды, но и самостоятельно добавлять свои через администраторский раздел:
-
Заходим в Администраторский раздел форума
-
Открываем вкладку «СООБЩЕНИЯ», откроется страничка «BBCodes»
-
Нажитмаем кнопку «Добавить ВВСode»
Теперь, собственно сами коды:
-
Выравнивание текста по левому краю
Пример
Использование 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
Пример:
support@microsoft.com
Использование BBCode:Код: Выделить всё
[email]{EMAIL}[/email]
Замена HTML:
Код: Выделить всё
<a href=»mailto:{EMAIL}»>{EMAIL}</a>
Подсказка:
Код: Выделить всё
Ссылка на e-mail: [email]admin@example.com[/email]
-
Аббревиатура
Пример: Пр.
Использование BBCode:Код: Выделить всё
[abbr={INTTEXT}]{TEXT}[/abbr]
Замена HTML:
Код: Выделить всё
<abbr title="{INTTEXT}">{TEXT}</abbr>
Подсказка:
Код: Выделить всё
Аббревиатура: [abbr=расшифровка аббревиатуры]аббревиатура[/abbr]
-
Видео с YouTube (Ссылка берется из адресной строки)
Пример
[youtube][/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 (Ссылка берется из адресной строки)
Пример:
[rutube][/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 (Ссылка берется из адресной строки)
Пример:
[vimeo][/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 (Ссылка берется из адресной строки)
Пример:
[smotri]http://smotri.com/video/view/?id=v18130582ff2[/smotri]
Использование 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]{SIMPLETEXT}[/latex]
Замена HTML:
Код: Выделить всё
<img src="http://chart.apis.google.com/chart?cht=tx&chs=1×0&chf=bg,s,FFFFFF00&chco=555555&chl={SIMPLETEXT}" alt="{SIMPLETEXT}" />
Подсказка:
Код: Выделить всё
Текст в разметке LaTeX: [latex]текст[/latex]
-
Спойлер (Spoiler)
Пример:
Пример
Использование BBCode:
Код: Выделить всё
[spoiler={TEXT1}]{TEXT}[/spoiler]
Замена HTML:
Код: Выделить всё
<div style="border-top: 2px solid #B9CBDC; border-left: 2px solid #B9CBDC; border-right: 2px solid #B9CBDC; border-bottom: 1px solid #B9CBDC; font-size: 1em;"><div style="border-bottom: 1px solid #B9CBDC; background-color: #CADCEB; padding: 3px; font-size: 0.9em; font-weight: bold; display: block;"><span style="cursor: pointer;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b><a href=\'#\' onClick=\'return false;\'><img src=\'styles/prosilver/imageset/icon_minus_1.gif\' width=\'9\' height=\'9\' border=\'0\'></a> {TEXT1}</b>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b><a href=\'#\' onClick=\'return false;\'><img src=\'styles/prosilver/imageset/icon_plus_1.gif\' width=\'9\' height=\'9\' border=\'0\'></a> {TEXT1}</b>'; }" /><b><a href="#" onClick="return false;"><img src="styles/prosilver/imageset/icon_plus_1.gif" alt="" width="9" height="9" border="0"></a> {TEXT1}</b></span></div><div><div style="display: none; border-bottom: 1px solid #B9CBDC; padding: 3px;">{TEXT}</div></div></div>
Подсказка:
Код: Выделить всё
[spoiler="Название спойлера"]Содержание спойлера[/spoiler]
Для использования последнего BBCode так же необходимо:
-
В папку «imageset» для каждого стиля скопировать аватарки «+» и «-» из вложения.
-
Занести информацию об этих изображениях в конфигурационный файл «imageset.cfg» так же для каждого стиля:
Код: Выделить всё
img_icon_plus = icon_plus_1.gif*9*9 img_icon_minus = icon_minus_1.gif*9*9
-
Материалы взяты с сайта Ну очень путёвые заметки! и форума Русская поддержка форума phpBB