Форматирование текста
Ниже перечислены не все теги, которые могут быть использованы для форматирования текста при создании или редактировании сообщений на форуме.
[align] - выравниване текста по левому ([align=left]), правому ([align=right]) краю, по центру ([align=center]) или по ширине ([align=justify]). При конвертации переводится в
.
Пример:
[align=right]Текст, выровненный по правому краю.[/align].
Результат:
Текст, выровненный по правому краю.
[b] - жирный шрифт. Эквивалент HTML-ного .
| Код |
Результат |
[b]жирный[/b] текст |
жирный текст |
[bdo] - эквивалент HTML-ного тега . Определяет направление текста. Примеры:
| Код |
Результат |
[bdo=ltr]текст слева направо[/bdo] |
текст слева направо |
[bdo=rtl]текст справа налево[/bdo] |
текст справа налево |
Может, также, принимать атрибут lang, эквивалентный HTML-ному.
[big] - более крупный шрифт. Увеличивает его на одну единицу по сравнению с текущим размером. Действует также, как [size=+1]. Пример:
| Код |
Результат |
увеличить [big]шрифт[/big] |
увеличить шрифт |
[em] - курсив. Эквивалент HTML-ного . Аналог для [i]. Пример:
| Код |
Результат |
текст [em]курсивом[/em] |
текст курсивом |
[font] - указать шрифт. Аналог HTML-ного . Поддерживает также атрибуты color, size и face. Примеры:
| Код |
Результат |
[font=Arial]текст[/font] |
текст |
[font=Verdana color=red]текст[/font] |
текст |
[font face=Tahoma size=+2]текст[/font] |
текст |
[hr] - аналог HTML-ного
. При конвертации переводится в
.
Пример: [hr].
Результат:
[i] - эквивалент HTML-ного . Аналог для [em]. Пример:
| Код |
Результат |
текст [i]курсивом[/i] |
текст курсивом |
[justify] - сокращение для [align=justify]. Пример:
| Код |
Результат |
[justify]Выровнять текст по ширине (как в этом абзаце) можно с помощью тега @l;align=justify@r; или с помощью тега @l;justify@r;. Этот тег эквивалентен [b]
[/b] в HTML. Помимо выравнивания по ширине возможно также выравнивание по левому краю (тег @l;left@r; или @l;align=left@r;), по правому краю (тег @l;right@r; или @l;align=right@r;) и по центру (тег @l;center@r; или @l;align=center@r;).[/justify].
|
Выровнять текст по ширине (как в этом абзаце) можно с помощью тега [align=justify] или с помощью тега [justify]. Этот тег эквивалентен
в HTML. Помимо выравнивания по ширине возможно также выравнивание по левому краю (тег [left] или [align=left]), по правому краю (тег [right] или [align=right]) и по центру (тег [center] или [align=center]).
|
[left] - сокращение для [align=left].
Пример:
[left]Текст, выровненный по левому краю.[/left].
Результат:
Текст, выровненный по левому краю.
[nobb] - тег, внутри которого не происходит конвертации ББКода в HTML, не работают "автоматические ссылки" и не вставляются смайлы. Пример:
| Код |
Результат |
[nobb][b]ББКод[/b] со смайлом :)[/nobb] |
[b]ББКод[/b] со смайлом :) |
Должен предупредить, что неоднозначность во вложенности тегов может привести к неожидавшимся результатам.
Например, код
[nobb] текст1 [/nobb] текст2 [/nobb]
будет интерпретирован скриптом так:
[nobb] текст1 [/nobb] текст2 [/nobb]
Код
[b] текст1 [nobb] текст2 [/b] текст3 [/nobb] текст4 [/b]
будет интерпретирован скриптом так:
[b] текст1 [nobb] текст2 [/nobb][/b] текст3 [/nobb] текст4 [/b]
Чтобы такого избежать, пользуйтесь мнемониками спецсимволов.
[right] - сокращение для [align=right].
Пример:
[right]Текст, выровненный по правому краю.[/right].
Результат:
Текст, выровненный по правому краю.
[s] - зачеркнутый текст. Аналог HTML-ного . Синоним для [strike] и [del]. Пример:
| Код |
Результат |
[s]зачеркнутый[/s] текст |
зачеркнутый текст |
[size] - тег для изменения размера шрифта. При конвертации переводится в . Пример: "[size=6]текст[/size]". Результат: "текст".
[small] - более мелкий шрифт. Уменьшает его на одну единицу по сравнению с текущим размером. Эквивалент HTML-ного . Действет также, как [size=-1]. Пример:
| Код |
Результат |
уменьшить [small]шрифт[/small] |
уменьшить шрифт |
[strike] - синоним для [s]. Пример:
| Код |
Результат |
[strike]зачеркнутый[/strike] текст |
зачеркнутый текст |
[strong] - синоним для [b]. Пример:
| Код |
Результат |
[strong]жирный[/strong] текст |
жирный текст |
[sub] - нижний индекс. Аналог HTML-ного . Пример:
| Код |
Результат |
нижний[sub]индекс[/sub] |
нижнийиндекс |
[sup] - верхний индекс. Аналог HTML-ного . Пример:
| Код |
Результат |
верхний[sup]индекс[/sup] |
верхнийиндекс |
[tt] - стиль печатной машинки. Аналог HTML-ного . Пример:
| Код |
Результат |
[tt]Моноширинный текст.[/tt] |
Моноширинный текст. |
[u] - подчеркнутый текст. Аналог HTML-ного . Пример:
| Код |
Результат |
[u]подчеркнутый[/u] текст |
подчеркнутый текст |
Создание маркированного списка
BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте [list][/list] и определите каждый элемент при помощи[*]. Например, чтобы вывести свои любимые цвета, вы можете использовать:
[list]
[*]Красный
[*]Синий
[*]Жёлтый
[/list]
Это выдаст такой список:
Создание нумерованного списка
Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте [list=1][/list] или[list=a][/list] для создания алфавитного списка. Как и в случае маркированного списка, элементы определяются с помощью [*]. Например:
[list=1]
[*]Пойти в магазин
[*]Купить новый компьютер
[*]Обругать компьютер, когда случится ошибка
[/list]
выдаст следующее:
- Пойти в магазин
- Купить новый компьютер
- Обругать компьютер, когда случится ошибка
Для алфавитного списка используйте:
[list=a]
[*]Первый возможный ответ
[*]Второй возможный ответ
[*]Третий возможный ответ
[/list]
что выдаст
- Первый возможный ответ
- Второй возможный ответ
- Третий возможный ответ
Ссылки на другой сайт
В BBCode поддерживается несколько способов создания URL'ов.
- Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на phpBB.com вы могли бы использовать:
[url=http://www.atorus.ru/]Посетите сайт АТОР![/url]
Это создаст следующую ссылку: Посетите сайт АТОР! Ссылка будет открываться в новом окне, так что пользователь сможет продолжать читать форумы.
- Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:
[url]http://www.atorus.ru/[/url]
Это выдаст следующую ссылку: http://www.atorus.ru/
- Кроме того phpBB поддерживает возможность, называемую Автоматические ссылки, это переведёт любой синтаксически правильный URL в ссылку без необходимости указания тегов и даже префикса http://. Например, ввод www.phpbb.com в ваше сообщение приведёт к автоматической выдаче www.atorus.ru при просмотре сообщения.
- То же самое относится и к адресам e-mail, вы можете либо указать адрес в явном виде:
[email]no.one@domain.adr[/email]
что выдаст no.one@domain.adr или просто ввести no.one@domain.adr в ваше сообщение, и он будет автоматически преобразован при просмотре.
Как и со всеми прочими тегами BBCode, вы можете заключать в URL'ы любые другие теги, например [img][/img] (см. следующий пункт), [b][/b] и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас, например:
[url=http://www.atorus.ru/][img]http://www.atorus.ru/public/ator/images/logo.gif[/url][/img]
неверно, что может привести к последующему удалению вашего сообщения, так что будьте аккуратнее.
Добавление картинки в сообщение
BBCode включает тег для добавления картинки в ваше сообщение. При этом следует помнить две очень важные вещи: во-первых, многих пользователей раздражает большое количество картинок, во-вторых, ваша картинка уже должна быть размещена в интернете (т.е. она не может быть расположена только на вашем компьютере, если, конечно, вы не запустили на нём вебсервер!). На данный момент нет возможности хранить изображения локально на phpBB (ожидается, что это ограничение будет снято в следующей версии phpBB). Для вывода картинки вы должны окружить её URL тегами [img][/img]. Например:
[img]http://www.atorus.ru/public/ator/images/logo.gif[/img]
Как указано в предыдущем пункте, вы можете заключить картинку в теги [url][/url], то есть
[url=http://www.atorus.ru/][img]http://www.atorus.ru/public/ator/images/logo.gif[/img][/url]
выдаст:

|