Руководство по BBCode
Вступление
Что такое BBCode?

Форматирование текста
Как сделать текст жирным, наклонным или подчёркнутым
Как добавить другие начертания текста
Как изменить цвет или размер текста
Могу ли я комбинировать теги?

Цитирование и вывод форматированных текстов
Цитирование или выноска в тексте
Вывод кода или форматированного текста

Создание списков
Создание маркированного списка
Создание нумерованного списка

Создание ссылок
Ссылки на другой сайт

Показ картинок в сообщениях
Добавление картинки в сообщение

Прочее
Могу ли я добавить собственные теги?

 

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

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

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

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

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

    станет Доброе утро
  • Курсив делается тегами [i][/i], например:

    Это [i]хорошо![/i]

    выдаст Это хорошо!

Вернуться к началу
Как добавить другие начертания текста
В настоящее время разрешены следующие дополнительные начертания:
[sup]надстрочный[/sup]: надстрочный (верхний индекс);
[sub]подстрочный[/sub]: подстрочный (нижний индекс).

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

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

    или

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

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

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

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

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

    [size=24]ЗДОРОВЫЙ![/size]

    будет ЗДОРОВЫЙ!

Вернуться к началу
Могу ли я комбинировать теги?
Да, конечно можете. Например для привлечения чьего-то внимания вы сможете написать:

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

что выдаст ПОСМОТРИТЕ НА МЕНЯ!

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

[b][u]Это неверно[/b][/u]
Вернуться к началу

Цитирование и вывод форматированных текстов
Цитирование и выноска
Для цитирования или просто создания выноски в тексте Вы можете заключить нужные слова в теги [quote][/quote]. При просмотре сообщения такой текстом будет оформлен отдельным блоком.
Вернуться к началу
Вывод кода или форматированного текста
Если вам надо вывести кусок программы или что-то, что должно быть выведено шрифтом фиксированной ширины (Courier) вы должны заключить текст в теги [code][/code], например

[code]echo "This is some code";[/code]

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

Создание списков
Создание маркированного списка
BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте [list][/list] и определите каждый элемент при помощи [*]. Например, чтобы вывести свои любимые цвета, вы можете использовать:

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

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

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

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

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

[list=a]
[*]Первый возможный ответ
[*]Второй возможный ответ
[*]Третий возможный ответ
[/list]

что выдаст
  1. Первый возможный ответ
  2. Второй возможный ответ
  3. Третий возможный ответ

Вернуться к началу

Создание ссылок
Ссылки на другой сайт
В BBCode поддерживается несколько способов создания ссылок (адресов URL).
  • Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на сайт www.sibstrin.ru вы могли бы использовать:

    [url=http://www.sibstrin.ru/]Посетите наш сайт![/url]

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

    [url]http://www.sibstrin.ru/[/url]

    Это выдаст следующую ссылку: http://www.sibstrin.ru/
  • Кроме того поддерживается возможность, называемая Автоматические ссылки, она переведёт любой синтаксически правильный URL в ссылку без необходимости указания тегов и даже префикса http://. Например, ввод www.sibstrin.ru в ваше сообщение приведёт к автоматической выдаче http://www.sibstrin.ru/ при просмотре сообщения.
  • То же самое относится и к адресам e-mail, вы можете либо указать адрес в явном виде:

    [email]no.one@domain.adr[/email]

    что выдаст mailto:no.one@domain.adr или просто ввести no.one@domain.adr в ваше сообщение, и он будет автоматически преобразован при просмотре.
Как и со всеми прочими тегами BBCode, вы можете заключать в URL'ы любые другие теги, например [img][/img] (см. следующий пункт), [b][/b] и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас, например:

[url=http://www.sibstrin.ru/][img]http://www.sibstrin.ru/images/phplogo.gif[/url][/img]

неверно, что может привести к последующему удалению вашего сообщения, так что будьте аккуратнее.
Вернуться к началу

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

[img]http://url.your.site/images/logo.gif[/img]

Как указано в предыдущем пункте, вы можете заключить картинку в теги [url][/url], то есть

[url=http://www.sibstrin.ru/][img]http://url.your.site/images/logo.gif[/img][/url]

Вернуться к началу

Прочее
Могу ли я добавить собственные теги?
Нет, по крайней мере, не в этой версии сайта. Возможно, поддержка дополнительных тегов появится в будущем.
Вернуться к началу