Bb коды складчик. BB-коды

Этот код позволяет придать функциональности и стиль вашему сообщению. Спец код можно использовать даже в том случае, когда 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/
Активная (кликабельная) ссылка.

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

FAQ, как писать на BBcode

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

Жирный текст

Чтобы текст был жирным, его нужно поместить между тегами [b] и , либо выделить нужный текст и нажать кнопку

Наклонный текст (курсив)

Чтобы текст был наклонным, его нужно поместить между тегами [i] и , либо выделить нужный текст и нажать кнопку

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

Чтобы текст был подчеркнутым, его нужно поместить между тегами [u] и , либо выделить нужный текст и нажать кнопку

Перечеркнутый текст

Чтобы текст был перечеркнутым, его нужно поместить между тегами [s] и , либо выделить нужный текст и нажать кнопку
Также можно комбинировать

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

Для возведения текста в верхний индекс его нужно поместить между тегами и , либо выделить нужный текст и нажать кнопку

Обычный текст, Верхний индекс. х*х=x2.

Обычный текст, Верхний индекс. х*х=x 2 .

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

Для возведения текста в нижний индекс его нужно поместить между тегами и , либо выделить нужный текст и нажать кнопку

Обычный текст, Нижний индекс. H2O.

Обычный текст, Нижний индекс. H 2 O.

Неупорядоченный список

Чтобы сделать неупорядоченные список, или пункт списка, нужно поместить текст между тегами [*] и , либо выделить нужный текст и нажать кнопку

[*]Это пункт
[*]И это пункт

Упорядоченный список

Чтобы сделать упорядоченные список, нужно поместить текст между тегами и , либо выделить нужный текст и нажать кнопку Вы обязаны, также дописать тип списка, на Ваш вкус:

А - Заглавные буквы

а - Строчные буквы

I - Заглавные римские цифры

i - Строчные римские цифры

1 - Арабские цифры

А также все пункты списка должны быть заключены внутри тегов [*] и

Список покупок:

[*]Хлеб
[*]Молоко
[*]Чай

Список покупок:

Молоко

Параграфы

Чтобы параграф, нужно поместить текст между тегами [p] и , либо выделить нужный текст и нажать кнопку

Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста... Много текста... Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...Много текста...
[p]Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...

Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...Большущий параграф...

Сразу видна разница: у параграфа имеется отступ и текст растягивается до правой границы.

Цитаты
Чтобы сделать цитату, нужно поместить текст между тегами и , либо выделить нужный текст и нажать кнопку Если Вы хотите кого-то процитировать, то надо написать такую конструкцию: Ваш текст

Автомоделизм - вид спорта,хобби и технического творчества. или
Автомоделизм - вид спорта,хобби и технического творчества.

Админ писал(а):

Автомоделизм - вид спорта,хобби и технического творчества.

Черта и перенос строки

Чтобы провести черту, нужно написать тег , или нажать кнопку
Для переноса строки, нужно написать тег , или нажать кнопку

Много текста

много текста
Много текстаМного текста

Много текста много текста
Много текста
Много текста

Картинка

Чтобы вставить картинку нужно, чтобы ссылка на картинку была между тегами и , либо выделить нужную ссылку и нажать кнопку
Другие варианты: Название картинки

http://autolegend-ussr-kz.narod.ru/al/cars/img/auto/zil_118_1.jpg ЗИЛ-118 "Юность"

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

http://miniavto.kz/index или АвтоМиниатюра

Чтобы сделать вложений, нужно поместить ссылку на файл между тегами и либо выделить ссылку и нажать кнопку . Желательно, чтобы файл был архивом.

Во-первых, так можно сразу скачать несколько файлов

Во-вторых, этот файл точно будет скачиваться, а, например pdf-файлы откроются в браузере.

Вы можете скачать файл: http://autolegend-ussr-kz.narod.ru/nomera/nomera.rar

Спойлер

Скрыть большой текст или что-то прочее под спойлер, нужно прописать конструкцию Ваш текст, или воспользоваться кнопкой

Скрытый текст под спойлером

Расположение текста

Чтобы текст был расположен слева, по центру или справа, нужно поместить текст между тегами и , и или и (соответственно), либо выделить текст и нажать кнопки (соответственно)

Текст слева
Текст по центру
Текст справа

Текст слева

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

Текст справа

Стиль текста

Для установления шрифта, нужно также выделить текст и выбрать его здесь Выбирете тип текста: Arial Calibri Cursive Fantasy Monospace Serif Sans-Serif Tahoma Times New Roman Verbana , либо нажать кнопку . Но помните, не все шрифты поддерживаются в браузерах.

АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ

Размер текста

Для установления размера текста, нужно также выделить текст и выбрать его здесь Выбирете размер текста: Очень маленький Маленький Нормальный Большой Очень большой, либо нажать кнопку . Шрифт измеряется в пикселях. Но помните, мелкий, большой, и переменно-размерный текст очень тяжело читать. Стандартом можно считать размер 12-14.

Очень маленький
Маленький
Нормальный
Большой
Очень большой

Цвет текста

Для установления цвета текста, нужно также выделить текст и выбрать его здесь Выбирете цвет текста: Красный Зелёный Желтый Оранжевый Синий Белый Черный Коричневый Золотой Серый Фиолетовый, либо нажать кнопку палитра красок

[b]АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ

Цвет фона текста

Для установления фона цвета текста, нужно также выделить текст и выбрать его здесь Выбирете цвет фона текста: Красный Зелёный Желтый Оранжевый Синий Белый Черный Коричневый Золотой Серый Фиолетовый, либо нажать кнопку . Цвет Вы сами можете написать любой, также будет работать цвет, написанный в шестнадцатиричной системе счисления (например: #FFAA11 - желто-оранжевый). А вот здесь есть большая палитра красок . Сочетайте фон и цвет текста.

Для наглядности покажу цвет жирным:
[b]АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ

Для наглядности покажу цвет жирным:
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ
АБВГДЕЁЖЗИЙКЛМНОПРСТУ

Видео с YouTube

Ссылку на видео с сайта YouTube нужно поместить между тегами и , либо нажать кнопку . тогда ваше видео, можно будет посмотреть и здесь.

Для примера. Вот мое старое видео из YouTube: http://www.youtube.com/watch?v=7YVqQuJhZzM

Для примера. Вот мое старое видео из YouTube:

Таблицы

Таблицы, которые получатся очень похожи на те, которые в Microsoft Office Excel.
Чтобы создать таблицу нужно написать два тега и . Работать с таблицей нужно между ними. Для создание новой строки ячеек в таблице используются теги и , а для создания ячейки и .

Параметры для тега :

width=... - это ширина, измеряется в пикселях () или процентах ()

height=... - это высота, измеряется в пикселях () или процентах ()

bgcolor=... - это значение цвета фона всей таблицы.

color=... - это значение цвета фона всей таблицы.

Параметры для тега

width=... - это ширина, измеряется в пикселях () или процентах ()

height=... - это высота, измеряется в пикселях () или процентах ()

bgcolor=... - это значение цвета фона строки.

color=... - это значение цвета фона строки.

Параметры для тега

width=... - это ширина, измеряется в пикселях () или процентах ()

height=... - это высота, измеряется в пикселях () или процентах ()

align=... - это расположение текста по горизонтали. Значения: left, right, center (слева, справа и по центру). Например: ()

valign=... - это расположение текста по вертикали. Значения: top, bottom (по верху, по низу и по середине по умолчанию). Например: ()

colspan=... - это объединение ячеек по горизонтали. Значение измеряется в количестве объединяемых ячеек.

rowspan=... - это объединение ячеек по вертикали. Значение измеряется в количестве объединяемых ячеек.

bgcolor=... - это значение цвета фона ячейки.

color=... - это значение цвета фона ячейки.

Как видите параметров много,хотя они почти все одинаковые, но это все-равно не все, а только основные. А теперь для заключения пример:

[b]База данных

[b]№ [b]Имя [b]Фамилия

1 Иван Иванов

2 Петя Сидоров

Теперь Вы знаете как писать на BBcode. Желаю успехов и хорошей фантазии.

Сайт использует 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

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

Перевод строки

Введение

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

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

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

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

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

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