Руководство по BBCode

Вступление

Что такое BBCode?
BBCode — это специальный вариант HTML для форматирования текста внутри сообщений на форуме. Вы можете отключить использование BBCode в конкретном сообщении при его размещении. Сам BBCode по стилю похож на HTML, только теги заключены в квадратные скобки [ и ], а не в < и >. При создании текста сообщений вы сможете добавлять теги BBcode пользуясь простым интерфейсом, расположенным в верхней части, над полем для ввода текста. Но даже в этом случае данное руководство может оказаться полезным.
Вернуться к началу

Форматирование текста

Как сделать текст жирным, наклонным или подчёркнутым?
BBCode включает теги для быстрого изменения стиля шрифта. Это достигается следующими способами:
  • Чтобы сделать текст жирным, заключите его в [b][/b], например:

    [b]Привет[/b]

    станет Привет
  • Для подчёркивания используйте [u][/u], например:

    [u]Доброе утро[/u]

    станет Доброе утро
  • Чтобы сделать текст курсивным, используйте тег [i][/i], например:

    Это [i]здорово![/i]

    выведет Это здорово!
Вернуться к началу
Как изменить цвет или размер текста?
Для изменения цвета или размера шрифта могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):
  • Цвет текста можно изменить, окружив его [color=][/color]. Можно указать либо известное имя цвета (red, blue, yellow и т. п.), либо его шестнадцатеричное представление, например #FFFFFF, #000000. Таким образом, для создания красного текста можно использовать:

    [color=red]Привет![/color]

    или

    [color=#FF0000]Привет![/color]

    в обоих случаях будет выведено Привет!
  • Изменение размера достигается аналогичным образом при использовании тега [size=][/size]. Этот тег зависит от используемых шаблонов, рекомендуемый формат — число, показывающее размер текста в процентах, от 20% (очень маленький) до 200% (очень большой) от размера по умолчанию. Например:

    [size=30]МАЛЕНЬКИЙ[/size]

    скорее всего будет выведено как МАЛЕНЬКИЙ

    в то время, как:

    [size=200]ОГРОМНЫЙ![/size]

    будет выведено как ОГРОМНЫЙ!
Вернуться к началу
Могу ли я комбинировать теги?
Да, это возможно. Например, чтобы привлечь внимание, можно написать:

[size=200][color=red][b]ПОСМОТРИТЕ НА МЕНЯ![/b][/color][/size]

в этом случае будет выведено ПОСМОТРИТЕ НА МЕНЯ!

Не рекомендуется выводить таким образом длинные тексты! Учтите, что автор сообщения должен позаботиться о правильном закрытии тегов. Например, следующее использование тегов BBCode неверно:

[b][u]Это неверно[/b][/u]
Вернуться к началу
Цитирование при ответах
Существует два способа цитирования текста: с обращением и без.
  • При использовании кнопки цитирования для ответа на сообщение, в окно ответа добавляется текст цитируемого сообщения, обрамлённый тегами [quote=""][/quote]. Этот способ позволяет цитировать с обращением к пользователю или к кому-то (чему-то) ещё, по выбору. Например, чтобы прцитировать текст, написанный пользователем Mr. Blobby, можно ввести:

    [quote="Mr. Blobby"]Здесь находится текст, написанный пользователем Mr. Blobby[/quote]

    В результате перед текстом будут вставлены слова «Mr. Blobby писал(а):». Помните, что обязательно заключать обращение в кавычки "", они не могут быть пропущены.
  • Второй способ позволяет создавать простые цитаты. Для этого необходимо заключить текст в теги [quote][/quote]. При просмотре сообщения будет просто показан текст в блоке цитирования.
Вернуться к началу
Ссылки на другой сайт
В BBCode поддерживается несколько способов создания URL'ов.
  • Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на website.com вы могли бы использовать:

    [url=https://www.website.com/]Посетите WebSite![/url]

    Учтите, что ссылка будет открываться в том же или в новом окне, в зависимости от настроек браузера пользователя.
  • Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:

    [url]https://www.website.com/[/url]

  • Кроме того, сайт поддерживает возможность, называемую Автоматические ссылки, это переведёт любой синтаксически правильный URL в ссылку без необходимости указания тегов и даже префикса http://. Например, ввод www.website.com в ваше сообщение приведёт к автоматическому формированию ссылки при просмотре сообщения.
Вернуться к началу
Создание маркированного списка
BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте [list][/list] и определите каждый элемент при помощи [*]. Например, чтобы вывести свои любимые цвета, вы можете использовать:

[list]
[*]Красный
[*]Синий
[*]Жёлтый
[/list]

Это выдаст такой список:
  • Красный
  • Синий
  • Жёлтый

Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте [list=1][/list] или [list=a][/list] для создания алфавитного списка. Как и в случае маркированного списка, элементы определяются с помощью [*]. Например:

[list=1]
[*]Пойти в магазин
[*]Купить новый компьютер
[*]Обругать компьютер, когда случится ошибка
[/list]

выдаст следующее:
  1. Пойти в магазин
  2. Купить новый компьютер
  3. Обругать компьютер, когда случится ошибка
.
Вернуться к началу

Показ изображений в сообщениях

Добавление изображений в тело сообщения
BBCode включает тег для добавления картинки в ваше сообщение. При этом следует помнить, что ваша картинка уже должна быть размещена в интернете (т.е. вы можете указать только ссылку на нее). Для вывода изображения вы должны окружить его URL тегами [img][/img]. Например:

[img]https://www.website.com/theme/images/logo.jpg[/img]
Вернуться к началу
Добавление вложений в сообщение
Вложения зделанные при создании сообщения могут быть помещены в любой его части при помощи тега BBCode [attachment=][/attachment]. На странице размещения сообщения находится соответствующий раздел (кнопка) для размещения вложений в сообщении. Там так же есть возможность поместить загруженные вами вложения в тело сообщения автоматически, используя данный тег.
Вернуться к началу

Прочее

Вывод кода или сложной цитаты
Если нужно вывести часть программного кода, приветси цитату отрывка из книги или представить какие то другие данные, необходимо заключать текст в теги [code][/code], например:

[code]echo "Здесь находится код программы";[/code]

Всё форматирование, используемое внутри тегов будет сохранено.
Вернуться к началу