Памятка по использованию BB-кодов (bbCode). Памятка по использованию BB-кодов (bbCode) Картинки с указанными размерами

Введение

bbCode — Bulletin Board Code, или язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML. В отличие от тегов HTML, теги bbCode заключают в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразовывает bbCode в HTML-код.

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

Форматирование шрифта

Базовые тэги для работы с текстом:

[p] Обычный абзац с отступом.

Абзац, которому можно задавать стиль.
* Здесь и далее «стиль» — это аналог style в HTML.
текст аналогично в HTML

текст

** С тэгами [p] можно использовать другие тэги, такие как [b], [i], [s] и т.д.

Текст, которому с помощью стиля можно менять свойства.

Ограниченная область, которой с помощью стиля можно менять свойства (положение, границы, отступы, свойства содержимого и т.д.).
* По умолчанию границы областей не видны. На одной странице может быть сразу несколько областей .

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

[b] Важный текст, полужирный

[i] Важный текст, курсив

Просто полужирный

Просто курсив

[u] Подчёркнутый текст

[s] Зачёркнутый текст — аналогично варианту

Уменьшенный шрифт

Знак сноски сверху или индекс снизу от текста

Удалённый текст

Размеры шрифта:

Шрифт размером 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 палитре.

Голубой фон
* У фона тоже можно менять цвет.

Синий текст, серый фон

Некоторые предопределённые цвета:

Black White Red Green Blue Purple Firebrick Maroon OrangeRed MidnightBlue CornflowerBlue
Cyan Yellow Magenta DarkGreen DarkGoldenrod Gold Orchid BlueViolet Burlywood PeachPuff

Некоторые цвета в шестнадцатиричном коде — интенсивность красного, зелёного и синего (RR GG BB ):

#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[q] Цитата в строке

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

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

Примеры:
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

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

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

Преформатированый текст сохраняет отступы слева и между словами и устанавливает те отступы, что вы укажите пробелами. Предупреждение! Тэг не делает переноса строки автоматом!

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

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

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

[*] Другой такой пункт
[*] Ещё один пункт.

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

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

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

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

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

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

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

Картинки

Http://img.cx/img/primer.jpg - пример вставки картинки.

Http://img.cx/img/primer.jpg - картинка слева.

Http://img.cx/img/primer.jpg - картинка справа.
* Данный код аналогичен коду в HTML:

Http://img.cx/img/primer.jpg - картинка по центру.
* Данный код аналогичен коду в HTML:

Аналогичные тэги с названиями и всплывающими подсказками:

Важно! В названии картинки нельзя использовать кавычки!

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 - пример картинки с размером.
* Данный код аналогичен коду в HTML:

Http://img.cx/img/primer.jpg - картинка слева, с размером.

Http://img.cx/img/primer.jpg - картинка справа, с размером.

Вставка больших изображений с полосами прокрутки:

Http://www..jpg — картинка в выделенной области, если она больше доступного размера отображения на форуме.

Адрес - открыть изображение в новом окне.
* Данный код аналогичен коду в HTML:

Адрес - открыть изображение в том же окне.
* Данный код аналогичен коду в HTML:

Этот код позволяет придать функциональности и стиль вашему сообщению. Спец код можно использовать даже в том случае, когда HTML код выключен. Это хорошая альтернатива HTML, так как для его использования требуется совсем не много знаний.

Обратите внимание: Вы не должны одновременно использовать и HTML и Специальный код для получения одинакового результата.

Также обратите внимание, что в Спец. коде не учитывается регистр букв (это значит что не имеет никакого значения как вы будете писать или ).

Коды, заключенные в квадратные скобки, не являются универсальными, иногда называются BB-кодами , так как происходят из форумов. Их можно использовать и в простом, и в расширенном редакторе.

Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не «подчеркнул» ее, а у простого редактора ВВ кода убрать внизу галочку «Автоматическое распознавание ссылок», иначе код может не сработать правильно.

Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать существующую панель спецкодов.

Полное описание возможностей ВВ кодов (BBCode)

Пример использования

Результат

[b] Жирный текст

Жирный Ваш текст

[i] Наклонный Ваш текст

Наклонный Ваш текст

[s] Зачеркнутый Ваш текст

Зачеркнутый Ваш текст

[u] Подчеркнутый Ваш текст

Подчеркнутый Ваш текст

[o] Черта вверху текста

Черта вверху текста

[l] Текст по левому краю

Текст по левому краю

[c] Текст по центру

Текст по центру

[r] Текст по правому краю

Текст по правому краю

[j] Текст по ширине страницы

Текст по ширине страницы

Нижний индекс

Верхний индекс

Размер шрифта
(Размер: 8..25)

Размер шрифта

Цвет шрифта заявленный Вами после color

Названия цветов для использования в ВВ-кодах:

аква— aqua

белый — white

желтый — yellow

зеленый — green

известь — lime

красный — red

оливковый — olive

серебряный — silver

серый — gray

синий — blue

темно-бордовый — maroon

темно-синий — navy

фиолетовый — purple

фуксия — fuchsia

черный — black

чирок — teal

Цвет шрифта заявленный Вами после color

Другой шрифт

Всё что внутри. Доступно только зарегистрированным пользователям

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

Этот текст окажется под спойлером...

Этот текст окажется под спойлером...
Вместо "Title" вставь свою надпись.

https://youtube.com/watch?v=DbzFNj8HVmc

https://any_site.com/music.mp3

Код программы

Code

Код программы

Цитата из сообщения

Quote

Цитата из сообщения

Цитата из сообщения (к примеру от Alex)

Quote (Alex)

Цитата из сообщения (к примеру от Alex)

- Линия, просто линия

https://exhort.my1.ru/
Активная (кликабельная) ссылка.

Новости начинающему.
Скрытая ссылка получится.

Скрывает контент от пользователей.

Пример: Скрытие от гостей
Скрытие по числу постов
Скрытие по числу постов
Скрытие по числу симпатий
Скрытие по числу оплаченных складчин
Скрытие по числу организованных складчин
Скрытие по числу месяцев с момента регистрации
Скрытие для групп Админы(3), Модеры(4), Орги(24), Партнеры(25), ЧК(26)
Скрытие для пользователей
Скрытие для пользователей
Скрытие по комбинации параметров Вывод:

Скрытый контент.

[B], [I], [U], [S] - полужирный, курсив, подчёркивание и зачёркивание

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

Пример: Это [B]полужирный текст.
Это текст [I]курсивом.
Это [U]подчёркнутый текст.
Это [S]перечёркнутый текст. Вывод: Это полужирный текст.
Это текст курсивом .
Это подчёркнутый текст.
Это перечёркнутый текст.

, , - цвет текста, шрифт и размер

Изменяет цвет, шрифт или размер выделенного текста.

Пример: Это красный и синий текст.
Это текст шрифтом Courier New.
Это маленький и большой текст. Вывод: Это красный и синий текст.
Это текст шрифтом Courier New .
Это маленький и большой текст.

, - ссылки

Пример: http://www.example.com
[email protected] Вывод: www.example.com
[email protected]

, - ссылки (дополнительно)

- ссылка на профиль

Пример: Имя пользователя Вывод: Имя пользователя

- изображения

Показывает изображение, используя выделенный текст как URL-адрес.

Png Вывод:

- вставка медиа-файлов

Вставляет в сообщение медиа с разрешенных сайтов. Рекомендуется использовать кнопку добавления медиа в панели инструментов редактора. Одобренные сайты: Dailymotion ; Facebook ; Liveleak ; Metacafe ; RuTube ; Vimeo ; YouTube ;

Пример: oHg5SJYRHA0 Вывод: Встроенный YouTube плеер появится здесь.

- список

Отображает нумерованный или маркированный список.

Пример:
[*]Маркер 1
[*]Маркер 2

[*]Запись 1
[*]Запись 2
Вывод:

Маркер 1
Маркер 2

Запись 1
Запись 2

, , - выравнивание текста

Изменяет выравнивание выделенного текста.

Пример: По левому краю
По центру
По правому краю Вывод:

По левому краю

По центру

По правому краю

- цитата текста

Отображает текст, как процитированный из другого источника. Можно также указать имя этого источника.

Пример: Процитированный текст
Что-то сказал Вывод:

Процитированный текст
Нажмите, чтобы раскрыть...

Пользователь сказал(а):

Что-то сказал
Нажмите, чтобы раскрыть...

- текст, содержащий спойлеры

Скрывает текст, который может содержать спойлеры (преждевременно раскрытая важная сюжетная информация). Чтобы увидеть текст, нужно нажать кнопку спойлера.

Пример: Простой спойлер
Спойлер с заголовком Вывод:

SpoilerTarget">Спойлер

Простой спойлер

SpoilerTarget">Спойлер: Заголовок спойлера

Спойлер с заголовком

, , - вставка программного кода

Отображает текст на одном из языков программирования, выделяя синтаксис где это возможно.

Пример: Основной
код
echo $hello . "world"; Вывод:

Основной код

echo $hello . "world" ;

- отступ текста

Увеличивает отступ выделенного текста. Можно использовать несколько раз для создания больших отступов.

Пример: Обычный текст
Небольшой отступ
Значительный отступ
Вывод: Обычный текст

Небольшой отступ

Значительный отступ

- обычный текст

Отключает распознавание BB-кодов внутри выделенного текста.

Пример: Это не [B]полужирный текст. Вывод: Это не [B]полужирный текст.

- вставка вложений

Вставляет вложение в указанной точке. Если вложение является изображением, будет вставлена его уменьшенная версия или всё оно целиком. Для этого нужно нажать на соответствующую кнопку.

Пример: Миниатюра: 123
Полный размер: 123 Вывод: Содержание вложений появится здесь.

- Container

A transparent container which will automatically overflow if the content is wider than the page or larger than 600px in height.

Пример: This is a transparent container with a fluid height. It is typically used to enclose large tables which have lots of columns and rows. Вывод:

This is a transparent container with a fluid height. It is typically used to enclose large tables which have lots of columns and rows.

- Table

Пример: This is a header cellThis is a header cellThis is a left aligned cellThis is a centre aligned cellThis is a right aligned cellLeft alignedCentre alignedRight aligned Вывод:

This is a header cell	This is a header cell
This is a left aligned cell
This is a right aligned cell	Left aligned
Centre aligned	Right aligned

- Table Cell (Left)

A cell with left aligned text.

Пример: This is a left aligned (standard) cell Вывод:

This is a left aligned (standard) cell

- Table Cell (Centred)

A cell with centre aligned text.

Пример: This is a centre aligned cell Вывод:

This is a centre aligned cell

- Table Cell (Right)

A cell with right aligned text.

Пример: This is a right aligned cell Вывод:

This is a right aligned cell

- Table Cell (Header)

A header cell with bold, centre aligned text and a dark background.

Пример: This is a header cell Вывод:

This is a header cell

- Table Row (Transparent)

A row with a transparent background.

Пример: This is a standard cell in a row with a transparent background Вывод:

This is a standard cell in a row with a transparent background

- Table Row (Odd)

A row with a lighter background.

Пример: This is a standard cell in a row with a lighter background Вывод:

This is a standard cell in a row with a lighter background

- Table Row (Even)

A row with a darker background.

Пример: This is a standard cell in a row with a darker background Вывод:

This is a standard cell in a row with a darker background

- Visitor

Visitor Username

Пример: Вместо этого текста будет имя посетителя Вывод: Гость

Сайт использует cookies для наилучшего представления. Если Вы продолжите использовать сайт, будет считаться, что Вас это устраивает.

Количество cookies: 1
IP адрес: 144.76.78.3
Версия протокола: HTTP/1.1
Локальный порт: 37578

Навигация: Главная - Интернет - BB коды

BB коды

bbCode - Bulletin Board Code, язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключённые в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразование его в HTML-код.

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

Теги BBCode

[b]полужирный текст [s]зачеркнутый текст [i]наклонный текст [u]подчёркнутый текст моноширинный текст отображает html-код, пример: цитата цитируемый текст автора [email protected] текст под ссылкой на e-mail ссылка на example.com ссылка на example.com зеленого цвета размер текста равен 16 шрифт текста Tahoma красный текст Красный текст в 16-тиричной системе Картинка:

http://example.com/forum/images/1.jpg Картинка-ссылка

http://example.com/forum/images/2.jpg [*]первая строка маркерованного списка

[*]вторая строка маркерованного списка

[*]третья строка маркерованного списка [*]первая строка нумерованного списка

[*]вторая строка нумерованного списка

[*]третья строка нумерованного списка [*]первая строка алфавитного списка

[*]вторая строка алфавитного списка

[*]третья строка алфавитного списка [*]первая строка списка, нумерованного римскими цифрами

[*]вторая строка списка, нумерованного римскими цифрами

[*]третья строка списка, нумерованного римскими цифрами спойилер

http://example.com/forum/images/1.jpg

Горизонтальная линия