Коды для форумов

Введение

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; — теперь слева отступ в шесть пробелов!

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

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

BBCode (аббр. от англ. Bulletin Board Code) — язык разметки, используемый для форматирования сообщений. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключённые в квадратные скобки. Данный код позволяет оформить личную информацию персонажей («Личные настройки» — «О себе») и синдикатов («Информация о синдикате»). Данный функционал появился в игре 7 января 2009 года.

Теги BBCode

В следующей таблице перечислены основные теги BBCode, используемые в игре.

Использование нескольких тегов:

BBCode Эффект
Совместное использование тегов Совместное использование тегов

Изменение навигации

Основная статья: Навигация

  • Размер — font-size:11px
  • Межсимвольные отступы — letter-spacing:5px
  • Цвет шрифта — color:#9900CC
  • Цвет фона — background:#FF0000
  • Шрифт — font-family:»Arial»
  • Насыщенность — font-weight:700
  • Стиль начертания — font-style:italic
  • Отмена всех эффектов, в том числе подчеркивания ссылки — text-decoration:none

Пример

Спецсимволы

Спецсимволы используются в основном для указания символов, которых нет в стандартной компьютерной клавиатуре, либо которые не поддерживает кодировка страниц. Добавляются с помощью числового кода. Для этого необходимо сначала зажать кнопку alt, и, не отпуская её, напечатать один из кодов на дополнительной клавиатуре (цифры справа), после чего отпустить alt.

Список часто спрашиваемых символов и их коды:

  • © — 0169
  • ® — 0174
  • ™ — 0153
  • • — 7
  • неразрывный («фиксированный») пробел — 255, либо 0160
  • ° (градус) — 248
  • — (тире) — 0151

См. также

  • Навигация

Примечания

  1. Применяется в личной почте, на форуме и на странице личной информации персонажа.

Ссылки

  • Сайт «Наша родина — СССР» — подбор цвета навигации и ознакомление с 16-ричным кодом палитры цветов.
  • Сайт «Born to Kill» — изменение цвета навигации.

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

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