РЕКЛАМА ⋮
✖
ИП Мартыненко А. Ф.
ИНН: 245306743807
erid: LdtCKebqt
РЕКЛАМА ⋮
✖
ИП Романюк А. Е.
ИНН: 550710842871
erid: 2Vfnxvbg8ic
Двигает ли война прогресс?
другие опросы
СТАТИСТИКА
Зарегистрировано - 37627
Создано галерей - 3041
Фотографий - 218426
Групп - 684
Объявлений - 4702
Опросов - 743
Фирм - 945
Веселых картинок - 16328
Записей в блогах - 2681
Друзей - 82227
НА САЙТЕ
Всего - 84
Пользователей - 35
Гостей - 49
|
|
Что такое BBCode?
BBCode — это специальный вариант HTML. Сам BBCode по стилю похож на HTML, теги заключены в квадратные скобки [ и ], а не в < и >. При использовании некоторых шаблонов вы сможете добавлять BBCode в ваши сообщения, пользуясь простым интерфейсом, расположенным над полем для ввода текста. Но даже в этом случае данное руководство может оказаться полезным.
Для пробы написания в BBCode, создана эта страница
Поддерживаемые теги
Форматирование текста
[align] - выравниване текста по левому ([align=left] ), правому ([align=right] ) краю, по центру ([align=center] ) или по ширине ([align=justify] ). При конвертации переводится в <div class="bb" align="...">.
Пример:
[align=right]Текст, выровненный по правому краю.[/align] .
Результат:
Текст, выровненный по правому краю.
[b] - жирный шрифт. Эквивалент HTML-ного <strong class="bb">.
Код
| Результат
|
---|
[b]жирный[/b] текст
| жирный текст
|
[bdo] - эквивалент HTML-ного тега <bdo class="bb">. Определяет направление текста. Примеры:
Код
| Результат
|
---|
[bdo=ltr]текст слева направо[/bdo]
| текст слева направо
| [bdo=rtl]текст справа налево[/bdo]
| текст справа налево
|
Может, также, принимать атрибут lang, эквивалентный HTML-ному.
[big] - более крупный шрифт. Увеличивает его на одну единицу по сравнению с текущим размером. Эквивалент HTML-ного <big class="bb">. Действет также, как [size=+1] . Пример:
Код
| Результат
|
---|
увеличить [big]шрифт[/big]
| увеличить шрифт
|
[br] - разрыв строки. Эквивалент HTML-ного <br class="bb" />. Особого смысла в использовании [br] нет, так как в BBCode для перевода строки достаточен обычный символ перевода строки, вводимый при нажатии клавиши <Enter>. Пример:
Код
| Результат
|
---|
начать новую[br]строку
| начать новую
строку
|
[center] - сокращение для [align=center] .
Пример:
[center]Текст, выровненный по центру[/center] .
Результат:
Текст, выровненный по центру
[color] - тег для цветового выделения текста. При конвертации переводится в <font color="...">.
Код
| Результат
|
---|
[color=red]красный[/color] текст
| красный текст
|
[em] - курсив. Эквивалент HTML-ного <em class="bb" />. Аналог для [i] . Пример:
Код
| Результат
|
---|
текст [em]курсивом[/em]
| текст курсивом
|
[font] - указать шрифт. Аналог HTML-ного <font>. Поддерживает также атрибуты color, size и face. Примеры:
Код
| Результат
|
---|
[font=Arial]текст[/font]
| текст
| [font=Verdana color=red]текст[/font]
| текст
| [font face=Tahoma size=+2]текст[/font]
| текст
|
[hr] - аналог HTML-ного <hr>. При конвертации переводится в <hr class="bb" />.
Пример: [hr] .
Результат:
[i] - эквивалент HTML-ного <i class="bb">. Аналог для [em] . Пример:
Код
| Результат
|
---|
текст [i]курсивом[/i]
| текст курсивом
|
[justify] - сокращение для [align=justify] . Пример:
Код
| Результат
|
---|
[justify]Выровнять текст по ширине (как в этом абзаце) можно с помощью тега @l;align=justify@r; или с помощью тега @l;justify@r;. Этот тег эквивалентен [b]<div class="bb" align="justify">[/b] в HTML. Помимо выравнивания по ширине возможно также выравнивание по левому краю (тег @l;left@r; или @l;align=left@r;), по правому краю (тег @l;right@r; или @l;align=right@r;) и по центру (тег @l;center@r; или @l;align=center@r;).[/justify] .
| Выровнять текст по ширине (как в этом абзаце) можно с помощью тега [align=justify] или с помощью тега [justify] . Этот тег эквивалентен <div class="bb" align="justify"> в HTML. Помимо выравнивания по ширине возможно также выравнивание по левому краю (тег [left] или [align=left] ), по правому краю (тег [right] или [align=right] ) и по центру (тег [center] или [align=center] ).
|
[left] - сокращение для [align=left] .
Пример:
[left]Текст, выровненный по левому краю.[/left] .
Результат:
Текст, выровненный по левому краю.
[nobb] - тег, внутри которого не происходит конвертации ББКода в HTML, не работают "автоматические ссылки" и не вставляются смайлы. Пример:
Код
| Результат
|
---|
[nobb][b]ББКод[/b] со смайлом :)[/nobb]
| [b]ББКод[/b] со смайлом :)
|
Должен предупредить, что неоднозначность во вложенности тегов может привести к неожидавшимся результатам.
Например, код
[nobb] текст1 [/nobb] текст2 [/nobb]
будет интерпретирован скриптом так:
[nobb] текст1 [/nobb] текст2 [/nobb]
Код
[b] текст1 [nobb] текст2 [/b] текст3 [/nobb] текст4 [/b]
будет интерпретирован скриптом так:
[b] текст1 [nobb] текст2 [/nobb][/b] текст3 [/nobb] текст4 [/b]
Чтобы такого избежать, пользуйтесь мнемониками спецсимволов.
[right] - сокращение для [align=right] .
Пример:
[right]Текст, выровненный по правому краю.[/right] .
Результат:
Текст, выровненный по правому краю.
[s] - зачеркнутый текст. Аналог HTML-ного <del class="bb">. Синоним для [strike] и [del] . Пример:
Код
| Результат
|
---|
[s]зачеркнутый[/s] текст
| зачеркнутый текст
|
[size] - тег для изменения размера шрифта в процентах. При конвертации переводится в <font size="...">. Пример: "[size=6]текст[/size] ". Результат: "текст".
[small] - более мелкий шрифт. Уменьшает его на одну единицу по сравнению с текущим размером. Эквивалент HTML-ного <small class="bb">. Действет также, как [size=-1] . Пример:
Код
| Результат
|
---|
уменьшить [small]шрифт[/small]
| уменьшить шрифт
|
[strike] - синоним для [s] . Пример:
Код
| Результат
|
---|
[strike]зачеркнутый[/strike] текст
| зачеркнутый текст
|
[strong] - синоним для [b] . Пример:
Код
| Результат
|
---|
[strong]жирный[/strong] текст
| жирный текст
|
[sub] - нижний индекс. Аналог HTML-ного <sub>. Пример:
Код
| Результат
|
---|
нижний[sub]индекс[/sub]
| нижнийиндекс
|
[sup] - верхний индекс. Аналог HTML-ного <sup>. Пример:
Код
| Результат
|
---|
верхний[sup]индекс[/sup]
| верхнийиндекс
|
[tt] - стиль печатной машинки. Аналог HTML-ного <tt>. Пример:
Код
| Результат
|
---|
[tt]Моноширинный текст.[/tt]
| Моноширинный текст.
|
[u] - подчеркнутый текст. Аналог HTML-ного <u>. Пример:
Код
| Результат
|
---|
[u]подчеркнутый[/u] текст
| подчеркнутый текст
|
Семантические выделения в тексте
Ниже перечислены теги, которые несут на себе семантическую нагрузку. Теги для подсветок синтаксисов (с помощью GeSHi) также можно было бы включить в этот список, но, так как это большая тема, то вынесена на отдельную страницу.
[abbr] - аббревиатура. Эквивалент HTML-ного <abbr class="bb">. Может использоваться в форме [abbr="расшифровка аббревиатуры"] , что эквивалентно <abbr class="bb" title="расшифровка аббревиатуры">. Пример:
Код
| Результат
|
---|
[abbr="PHP: Hypertext Preprocessor"]PHP[/abbr]
| PHP
|
[acronym] - акроним. Эквивалент HTML-ного <acronym class="bb">. Может использоваться в форме [acronym="расшифровка акронима"] , что эквивалентно <acronym class="bb" title="расшифровка акронима">. Пример:
Код
| Результат
|
---|
[acronym="Хранимая процедура"]хранимка[/acronym]
| хранимка
|
[address] - контактная информация. Эквивалент HTML-ного <address class="bb">. Пример:
Код
| Результат
|
---|
[address]Узбекистан, г. Ташкент[/address]
| Узбекистан, г. Ташкент
|
[bbcode] - тег для подсветки ББКода. Внутри [bbcode] теги BBCode, смайлики, и "автоматические ссылки" не транслируются в HTML, а посвечиваются. Пример:
Код
| Результат
|
---|
[bbcode] В содержимом тега @l;bbcode@r; можно использовать мнемонизацию спецсимволов, чтобы исключить неоднозначную трактовку вложенности тегов. Например, неоднозначность "[bbcode] @l;/bbcode@r; [/bbcode]" можно исключить, написав "[bbcode] @at;l;/bbcode@at;r; [/bbcode]". Если же вам надо вывести собственно мнемонику какого-то спецсимвола, то она сама должна быть мнемонизирована. То есть, чтобы вывести '@at;l;', нужно набрать '@at;at;l;'.[/bbcode]
| В содержимом тега [bbcode] можно использовать мнемонизацию спецсимволов, чтобы исключить неоднозначную трактовку вложенности тегов. Например, неоднозначность "[bbcode] [/bbcode] [/bbcode]" можно исключить, написав "[bbcode] @l;/bbcode@r; [/bbcode]". Если же вам надо вывести собственно мнемонику какого-то спецсимвола, то она сама должна быть мнемонизирована. То есть, чтобы вывести '@l;', нужно набрать '@at;l;'.
|
[blockquote] - синоним тега [quote] .
[cite] - тег для выделения авторов или источников цитат. Эквивалент HTML-ного <cite class="bb" />. Пример:
Код
| Результат
|
---|
"Да будет свет!", - сказал [cite]поэт[/cite].
| "Да будет свет!", - сказал поэт.
|
[del] - удаленный текст. Отображается как зачеркнутый. Эквивалент HTML-ного <del class="bb" />. Синоним для [s] и [strike] . Пример:
Код
| Результат
|
---|
[del]удаленный текст[/del]
| удаленный текст
|
[h1] - заголовок первого уровня. Эквивалент HTML-ного <h1 class="bb">. Поддерживает атрибут align. Пример:
Код
| Результат
|
---|
[h1]Заголовок 1[/h1]
|
Заголовок 1
|
[h2] - заголовок второго уровня. Эквивалент HTML-ного <h2 class="bb">. Поддерживает атрибут align. Пример:
Код
| Результат
|
---|
[h2]Заголовок 2[/h2]
|
Заголовок 2
|
[h3] - заголовок третьего уровня. Эквивалент HTML-ного <h3 class="bb">. Поддерживает атрибут align. Пример:
Код
| Результат
|
---|
[h3]Заголовок 3[/h3]
|
Заголовок 3
|
[h4] - заголовок четвертого уровня. Эквивалент HTML-ного <h4 class="bb">. Поддерживает атрибут align. Пример:
Код
| Результат
|
---|
[h4]Заголовок 4[/h4]
|
Заголовок 4
|
[h5] - заголовок пятого уровня. Эквивалент HTML-ного <h5 class="bb">. Поддерживает атрибут align. Пример:
Код
| Результат
|
---|
[h5]Заголовок 5[/h5]
|
Заголовок 5
|
[h6] - заголовок шестого уровня. Эквивалент HTML-ного <h6 class="bb">. Поддерживает атрибут align. Пример:
Код
| Результат
|
---|
[h6]Заголовок 6[/h6]
|
Заголовок 6
|
[ins] - тег для выделения добавленных кусков текста (в противоположность тегу [del] , выделяющему исключенные куски текста). Эквивалент HTML-ного <ins class="bb">. Пример:
Код
| Результат
|
---|
Инициатива [del]наказуема[/del] [ins]поощряема[/ins]
| Инициатива наказуема поощряема
|
[p] - тег, контейнер абзаца. Нужен для тех, кому небезразлична семантическая правильность набираемых текстов. Эквивалент HTML-ного <p class="bb">. Поддерживает атрибут align. Пример:
Код
| Результат
|
---|
[p]Первый абзац, воровненный по умолчанию[/p]
[p align=center]Второй, по центру[/p]
|
Первый абзац, воровненный по умолчанию
Второй, по центру
|
[quote] - Цитата. При конвертации конструкция [quote=Автор]текст[/quote] переводится в
Автора указывать необязательно.
Визуальное оформление цитат следует делать с помощью CSS.
blockquote.bb_quote {
border: #d0d0d0 1px solid;
background-color: #f6f6f6;
padding: 5px;
margin: 1em 0 0 .75em;
}
div.bb_quote_author {
border: #d0d0d0 1px solid;
border-width: 1px 2px 2px 1px;
margin-top: -1.2em;
background-color: #f6f6f6;
width: 150px;
white-space: nowrap;
font-weight: bold;
text-align: center;
}
div.bb_quote_author:after {
content: " писал(а):";
}
[var] - тег для выделения имен переменных из программных кодов. Эквивалент HTML-ного <var class="bb">. Пример:
Код
| Результат
|
---|
Переменная [var]$myvar[/var]
| Переменная $myvar
|
Списки, таблицы, ссылки, картинки[*] - элемент списка. Аналог HTML-ного <li>. Может содержаться только в тегах [list], [ol], [ul] . Автоматически закрывается, если начинается очередной [*] или если закрывается соответствующий [list], [ol], [ul] . При конвертации переводится в <li class="bb">. Может использоваться в форме [*=целое_число] , что эквивалентно <li class="bb" value="целое_число">. Целое число здесь - номер (возможно, переведенный в букву) текущего элемента списка. Смотрите примеры в описании [list] .
[a] - ссылка. Аналог HTML-ного <a>. Поддерживаются атрибуты title, id (для создания якорей), name (фактически - синоним для id), href и target, аналогичные HTML-ным. Кроме того, поддерживаются атрибуты url (синоним для href) и anchor (синоним для id). Тег [a] может быть использован в следующих формах:
Код
| Пример
| Результат
|
---|
[a]адрес_ссылки[/a]
| [a target=_blank]www.pc.uz[/a]
| www.pc.uz
| [a=адрес_ссылки]текст ссылки[/a]
| [a=http://xbb.uz title="Домашняя страница xBB"]xBB.uz[/a]
| xBB.uz
| [a href=адрес_ссылки]текст ссылки[/a]
| [a href=http://apteka.uz]Аптеки Ташкента[/a]
| Аптеки Ташкента
| [a url=адрес_ссылки]текст ссылки[/a]
| [a url=http://restoran.uz]Рестораны Ташкента[/a]
| Рестораны Ташкента
|
Код [a id=this /] , [a name=this /] или [a anchor=this /] создаст якорь в документе. Если имя якоря не начинается с латинской буквы (как того требует W3C), к нему в начало будет дописано 'bb'.
Для исправления пользовательских ошибок и для защиты от JavaScript-инъекции, URL-ы преобразуются следующим образом: - Все урлы, начинающиеся с какой-то из следующих подстрок: 'ftp://', 'file://', 'http://', 'https://', 'mailto:', 'svn://', '#', '/', '?', '/', '/', остаются как есть.
- Если урл начинается с 'www.' (как правило, это - ошибка), то в его начало дописывается 'http://'.
- Во всех других случаях в начало скрипта дописывается '/'. Это не меняет относительного пути, но предотвращает попытки JavaScript-инъекций.
[anchor] - якорь в документе. Может использоваться в следующих формах:
Код
| Эквивалент в HTML
|
---|
[anchor]имя[/anchor]
| <a id="имя"></a>
| [anchor=имя /]
| <a id="имя"></a>
| [anchor id=имя /]
| <a id="имя"></a>
| [anchor name=имя /]
| <a id="имя"></a>
| [anchor=имя]текст[/anchor]
| <a id="имя">текст</a>
|
Если имя якоря не начинается с латинской буквы (как того требует W3C), к нему в начало будет дописано 'bb'.
[caption] - заголовок таблицы. Эквивалент HTML-ного <caption class="bb">. Может содержаться только в теге [table] . Смотрите пример в описании [table] .
[email] - тег для создания гиперссылки e-mail. При конвертации переводится в <a class="bb_email" href="mailto:...">...</a>. Поддерживает также атрибуты title, name и target, аналогичные соответствующим в HTML. Примеры:
Код
| Результат
|
---|
[email]info@xbb.uz[/email]
| info@xbb.uz
| [email=info@xbb.uz title="Мой ящик"]Мой ящик[/email]
| Мой ящик
|
[google] - тег для создания ссылки на Google. При конвертации переводится в <a class="bb_google" href="http://www.google.com/search?q=Запрос">. Поддерживает также атрибуты title, name и target.
Пример: "[google=BBCode target=_blank]Спроси Гугл про ББКод[/google] ". Результат: "Спроси Гугл про ББКод".
[img] - аналог HTML-ного <img>. Поддерживает атрибуты width, height, align и border. Примеры:
Код
| Результат
|
---|
[img]http://izgr.ru/files/portal.png[/img]
|
|
[img width=200 height=40]http://izgr.ru/files/portal.png[/img]
|
|
[img width=200 height=40 align=left]http://izgr.ru/files/portal.png[/img] Текст обтекает картинку при выравнивании по левому или правому краю.
| Текст обтекает картинку при выравнивании по левому или правому краю. Этот эффект можно использовать для вставки картинок-постеров, тематических изображений...
|
[list] - тег для создания списка. Аналог HTML-ных <ul> и <ol>. При конвертации переводится в <ul class="bb"> или в <ol class="bb" type="...">. Единственный вложенный тег - [*] , который в свою очередь может иметь вложенные теги. Примеры:
Код
| Результат
| Код
| Результат
| Код
| Результат
|
---|
[list]
[*]Раз
[*]Два
[*]Три
[/list]
|
| [list=1]
[*]Раз
[*=3]Два
[*]Три
[/list]
| - Раз
- Два
- Три
| [list=a]
[*=5]Раз
[*]Два
[*]Три
[/list]
| - Раз
- Два
- Три
|
[ol] - нумерованный список. Сокращение для [list=1] . Примеры:
Код
| Результат
| Код
| Результат
|
---|
[ol]
[*]Раз
[*]Два
[*]Три
[/ol]
| - Раз
- Два
- Три
| [ol=a]
[*]Раз
[*=3]Два
[*]Три
[/ol]
| - Раз
- Два
- Три
|
[table] - таблица. При конвертации переводится в <table class="bb">. Поддерживаются атрибуты border, width, cellspacing, cellpadding и align, аналогичные HTML-ным. В [table] могут быть вложены только теги [caption] (заголовок) и [tr] (строка). Пример:
Код
| Результат
|
---|
[table align=center cellspacing=0 cellpadding=5]
[caption]Заголовок[/caption]
[tr]
[th]Столбец 1
[th]Столбец 2
[tr]
[td align=center colspan=2]Строка
[/table]
| ЗаголовокСтолбец 1
| Столбец 2
|
---|
Строка
|
|
[td] - ячейка таблицы. Аналог HTML-ного <td>. Может быть вложен только в [tr] . При конвертации переводится в <td class="bb">. Поддерживаются атрибуты width, height, align, valign, colspan и rowspan, аналогичные HTML-ным. Пример использования смотрите выше.
[th] - заголовок столбца таблицы. Аналог HTML-ного <th>. Может быть вложен только в [tr] . При конвертации переводится в <th class="bb">. Поддерживаются атрибуты width, height, align, valign, colspan и rowspan, аналогичные HTML-ным. Пример использования смотрите выше.
[tr] - строка таблицы. Аналог HTML-ного <tr>. Может быть вложен только в [table] . Может содержать только [th] и [td] . При конвертации переводится в <tr class="bb">. Пример использования смотрите выше.
[ul] - ненумерованный список. Синоним для тега [list] без параметров. Пример:
Код
| Результат
|
---|
[ul]
[*]Раз
[*]Два
[*]Три
[/ul]
|
|
[url] - ссылка. Синоним для [a] .
|
РЕКЛАМА ⋮
✖
ИП Бугаев А. А.
ИНН: 245300796231
erid: LdtCKWBjr
Обновления
Информационный партнер
РЕКЛАМА ⋮
✖
МУП ТРК "ЗЕЛЕНОГОРСК"
ИНН: 2453003973
erid: LdtCKQTnm
|