Bb коды

Введение

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):

Возможные варианты палитры цветов и их кодов/наименований доступны .

Выравнивание текста и форматирование параграфов

Выравнивание текста:

Выравнивание текста по левой стороне

Выравнивание по левой стороне со стилем

Выравнивание в абзаце влево

Выравнивание текста по центру

Выравнивание по центру со стилем

Выравнивание в абзаце по центру

Выравнивание текста по правой стороне

Выравнивание по правой стороне со стилем

Выравнивание в абзаце справа

Выравнивание текста по обеим сторонам

Выравнивание по обеим сторонам со стилем

Выравнивание в абзаце по обеим сторонам
* Выравнивание текстов по обеим сторонам отображается для текстов, имеющих длину более одной строки.

Оформление сносок (комментариев) с отступом абзаца:

Цитата в строке

Цитата в строке со свойствами

Процитированный в отдельном блоке текст, у которого будет
небольшой отступ слева и особое оформление (стиль форума).

Форматирование параграфов и областей:

Привет! В этом абзаце первое предложение будет с «красной» строки, т.е. с отступом. Прямо как в книгопечати. Правда, в Интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком. Преформатированый текст сохраняет отступы слева и между словами и устанавливает те отступы, что вы укажите пробелами. Предупреждение! Тэг не делает переноса строки автоматом! Форматирование списков

Используем тэг или для маркированных списков:

  • Один из пунктов списка
  • Другой такой пункт
  • Ещё один пункт.

Один из пунктов списка
Другой такой пункт
Ещё один пункт.

Для пронумерованных списков используем тэг :

  1. Один из пунктов списка
  2. Другой такой пункт
  3. Ещё один пункт.

Один из пунктов списка
Другой такой пункт
Ещё один пункт.

Закрывающий тэг не обязателен для использования:

  • Один из пунктов списка
  • Другой такой пункт
  • Ещё один пункт.

Один из пунктов списка
Другой такой пункт
Ещё один пункт.

Также возможно прямое указания вида списка:
— пронумерованный список
— алфавитный список
— список, пронумерованный римскими цифрами

Картинки

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

Специальные тэги

— тэг переноса строки.

— вставка неразрывного пробела, преобразуется в &nbsp;

— вставка отступа на 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.
** — Вставьте подряд несколько таких пробелов чтобы они не сливались в один:
&nbsp; &nbsp; &nbsp; — теперь слева отступ в шесть пробелов!

Возможные варианты символов, их названий и кодов доступны .

Поделитесь страницей в социальных сетях

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *