Введение
bbCode — Bulletin Board Code, или язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML. В отличие от тегов HTML, теги bbCode заключают в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразовывает bbCode в HTML-код.
На многих форумах возможность использования BB-кодов настраивается администратором индивидуально на каждый раздел форума. Поэтому, прежде чем использовать BB-коды в сообщениях, необходимо убедиться, что они разрешены.
Форматирование шрифта
Базовые тэги для работы с текстом:
Обычный абзац с отступом.
Текст, которому с помощью стиля можно менять свойства.
Форматирование текста:
Важный текст, полужирный
Важный текст, курсив
Просто полужирный
Просто курсив
Подчёркнутый текст
Зачёркнутый текст — аналогично варианту
Уменьшенный шрифт
Знак сноски сверху или индекс снизу от текста
Добавленный текст
Удалённый текст
Размеры шрифта:
Шрифт размером 13 пунктов
Шрифт размером 15 пунктов
Шрифт размером 9 пикселей
Шрифт размером 12 пикселей
Шрифт размером 15 пикселей
Размер 0
Размер +1
Размер +2
Возможные варианты размеров шрифтов (визуальная оценка) доступны .
Заголовки:
Заголовок 1-го уровня
Заголовок 2-го уровня
Заголовок 3-го уровня
Заголовок 4-го уровня
Заголовок 5-го уровня
Заголовок 6-го уровня
Оформление текста с помощью шрифтов:
Шрифт Comic Sans Ms
Шрифт Monotype Corsiva
Шрифт Tahoma
Возможные варианты типов шрифтов (наименования и визуальная оценка) доступны .
Оформление текста с помощью цвета:
Красный текст
* Можно пользоваться стандартными словесными обозначениями цветов: Red, Green, Blue и т.д.
Синий текст
* Цифра #0000ff означает синий цвет в RGB палитре.
Голубой фон
* У фона тоже можно менять цвет.
Синий текст, серый фон
Некоторые предопределённые цвета:
Некоторые цвета в шестнадцатиричном коде — интенсивность красного, зелёного и синего (RRGGBB):
Возможные варианты палитры цветов и их кодов/наименований доступны .
Выравнивание текста и форматирование параграфов
Выравнивание текста:
Выравнивание текста по левой стороне
Выравнивание по левой стороне со стилем
Выравнивание в абзаце влево
Выравнивание текста по центру
Выравнивание по центру со стилем
Выравнивание в абзаце по центру
Выравнивание текста по правой стороне
Выравнивание по правой стороне со стилем
Выравнивание в абзаце справа
Выравнивание текста по обеим сторонам
Выравнивание по обеим сторонам со стилем
Выравнивание в абзаце по обеим сторонам
* Выравнивание текстов по обеим сторонам отображается для текстов, имеющих длину более одной строки.
Оформление сносок (комментариев) с отступом абзаца:
Цитата в строке
Цитата в строке со свойствами
Процитированный в отдельном блоке текст, у которого будет
небольшой отступ слева и особое оформление (стиль форума).
Форматирование параграфов и областей:
Привет! В этом абзаце первое предложение будет с «красной» строки, т.е. с отступом. Прямо как в книгопечати. Правда, в Интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком. Преформатированый текст сохраняет отступы слева и между словами и устанавливает те отступы, что вы укажите пробелами. Предупреждение! Тэг не делает переноса строки автоматом! Форматирование списков
Используем тэг или для маркированных списков:
- Один из пунктов списка
- Другой такой пункт
- Ещё один пункт.
Один из пунктов списка
Другой такой пункт
Ещё один пункт.
Для пронумерованных списков используем тэг :
- Один из пунктов списка
- Другой такой пункт
- Ещё один пункт.
Один из пунктов списка
Другой такой пункт
Ещё один пункт.
Закрывающий тэг не обязателен для использования:
- Один из пунктов списка
- Другой такой пункт
- Ещё один пункт.
Один из пунктов списка
Другой такой пункт
Ещё один пункт.
Также возможно прямое указания вида списка:
— пронумерованный список
— алфавитный список
— список, пронумерованный римскими цифрами
Картинки
http://img.cx/img/primer.jpg — пример вставки картинки.
Аналогичные тэги с названиями и всплывающими подсказками:
Важно! В названии картинки нельзя использовать кавычки!
http://img.cx/img/primer.jpg — пример вставки картинки.
http://img.cx/img/primer.jpg — картинка слева.
http://img.cx/img/primer.jpg — картинка справа.
http://img.cx/img/primer.jpg — картинка по центру.
Картинки с указанными размерами:
http://img.cx/img/primer.jpg — картинка слева, с размером.
http://img.cx/img/primer.jpg — картинка справа, с размером.
Вставка больших изображений с полосами прокрутки:
Миниатюры изображения со ссылкой на оригинал:
Ссылки на другие страницы, FTP, E-Mail и др.
http://www.hdsw.ru/ — обычная ссылка.
* Данный код аналогичен коду в HTML:
<a href=»http://www.hdsw.ru/»>http://www.hdsw.ru/</a>
Картинка-ссылка (баннер):
http://img.cx/img/primer.jpg 
e-mail@example.com — почтовый ящик как ссылка.
номер ICQ — вставка ICQ-номера как ссылки.
логин в Skype — вставка учётной записи Skype как ссылки.
номер WMID — вставка WebMoney-идентификатора WMID как ссылки.
искомое значение — ссылка на значение в энциклопедии.
отображаемый текст — ссылка в текущем тексте (любом) на нужное значение в энциклопедии.
Ссылки внутри форумов и блогов:
Описание — ссылка на подфорум по его ID.
Описание — ссылка на блог по его ID.
ID_темы — ссылка на тему по его ID.
Описание
Описание — ссылка на тему по его ID.
ID_сообщения — ссылка на сообщение по его ID.
Описание
ID_сообщения — вставляет маленькую иконку со ссылкой на указанное сообщение по его ID.
Описание — ссылка на пост в блоге по его ID.
Таблицы
Пример простейшей таблицы:
| Строка 1, колонка 1 | Строка 1, колонка 2 |
| Строка 2, колонка 1 | Строка 2, колонка 2 |
Специальные тэги
— тэг переноса строки.
— вставка неразрывного пробела, преобразуется в
— вставка отступа на 32 пикселя (4 символа), аналог символа TAB.
ТЕКСТ — выделенный текст в верхнем регистре.
текст — выделенный текст в нижнем регистре.
Этот текст выделен — позволяет выделить ваш текст (цветом/фоном/шрифтом).
текст — позволяет выделить часть поста в блоге, которая будет показана на титульной странице блога и в RSS feed. Остальной текст будет показан только на странице поста.
значение — отменяет распознавание BB-кодов в выделенном тексте.
текст — выделенный текст не будет индексироваться поисковыми системами.
ТВС — позволяет ввести сокращение (акроним), которое будет показывать пояснение при наведении на него мышью.
Сноска — помечает текст как цитату или сноску на другой материал.
Сноска
адрес — тэг предназначен для хранения информации об авторе и может включать в себя любые элементы вроде ссылок, текста, выделений и т.д.
адрес
— подключает файл text-demo.txt (можно использовать для проверки стилей шаблона).
— тэг вставки линии на всю ширину доступной области:
Работа с терминами
Для работы с терминами используется тройка элементов , , , предназначенных для создания списка определений. Каждый такой список начинается с контейнера , куда входит тег , создающий термин и тег , задающий определение этого термина. Закрывающий тег не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.
Пример:
Термин 1
Определение термина 1
Термин 2
Определение термина 2
Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег применяется для выделения таких терминов, при их первом появлении в тексте.
Новый термин
Новый термин
Вставка видео и других flash-объектов
ссылка — универсальный тег.
Тэги под специализированные видеохостинги с использованием идентификатора:
идентификатор — вставка видеоролика с YouTube.com
идентификатор — вставка видеоролика с RuTube.ru
идентификатор — вставка видеоролика с Google.com
идентификатор — вставка видеоролика с Veoh.com
идентификатор — вставка видеоролика с Smotri.com. Возможна модификация
Тэги под специализированные видеохостинги с использованием ссылки:
ссылка — вставка видеоролика с Mail.ru
ссылка — вставка видеоролика с Yandex.ru
Отображение примеров различных кодов
BB-код в том числе предназначен для публикации примеров различных кодов. С помощью специального форматирования код будет только отображаться, но не исполняться. Кроме того, программный код будет отображаться с «цветовой подсветкой» (highlight).
отображаемый HTML-код — код PHP с «цветовой подсветкой».
отображаемый HTML-код — код HTML с «цветовой подсветкой».
отображаемый HTML-код — SQL-код с «цветовой подсветкой».
Специальные символы
* — Зажмите кнопку ALT, наберите код, отпустите ALT. Работает в Windows.
** — Вставьте подряд несколько таких пробелов чтобы они не сливались в один:
— теперь слева отступ в шесть пробелов!
Возможные варианты символов, их названий и кодов доступны .
Поделитесь страницей в социальных сетях[ad01]
