^ Наверх

РЕКЛАМА

РЕКЛАМА
РЕКЛАМА
РЕКЛАМА
12.3°С ▼0.3
Ю-З, 3.3 м/с   10.7 мкР/ч.   25%   748 мм рт.ст.
данные АИСПЭМ АО "ПО "ЭХЗ" 28.04.2024 (12:40)
 
ip  auto  имя или email пароль
   
 Вы находитесь: главная страница / описание BBcode
РЕКЛАМА



РЕКЛАМА


вы за с.в.о.?
за
против
не знаю

подробнее...
другие опросы



СТАТИСТИКА
Зарегистрировано - 37245
Создано галерей - 3040
Фотографий - 218570
Групп - 684
Объявлений - 4893
Опросов - 740
Фирм - 941
Веселых картинок - 16330
Записей в блогах - 2679
Друзей - 82212

НА САЙТЕ
Всего - 101
Пользователей - 34
Гостей - 67

Что такое BBCode?
BBCode — это специальный вариант HTML. Сам BBCode по стилю похож на HTML, теги заключены в квадратные скобки [ и ], а не в < и >. При использовании некоторых шаблонов вы сможете добавлять BBCode в ваши сообщения, пользуясь простым интерфейсом, расположенным над полем для ввода текста. Но даже в этом случае данное руководство может оказаться полезным.
Для пробы написания в BBCode, создана эта страница

Поддерживаемые теги

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

  1. [align] - выравниване текста по левому ([align=left]), правому ([align=right]) краю, по центру ([align=center]) или по ширине ([align=justify]). При конвертации переводится в <div class="bb" align="...">.
     
    Пример:
    [align=right]Текст, выровненный по правому краю.[/align].
     
    Результат:
    Текст, выровненный по правому краю.

  2. [b] - жирный шрифт. Эквивалент HTML-ного <strong class="bb">.
     
    Код
    Результат
    [b]жирный[/b] текст
    жирный текст

  3. [bdo] - эквивалент HTML-ного тега <bdo class="bb">. Определяет направление текста. Примеры:
     
    Код
    Результат
    [bdo=ltr]текст слева направо[/bdo]
    текст слева направо
    [bdo=rtl]текст справа налево[/bdo]
    текст справа налево

    Может, также, принимать атрибут lang, эквивалентный HTML-ному.
     
  4. [big] - более крупный шрифт. Увеличивает его на одну единицу по сравнению с текущим размером. Эквивалент HTML-ного <big class="bb">. Действет также, как [size=+1]. Пример:
     
    Код
    Результат
    увеличить [big]шрифт[/big]
    увеличить шрифт

  5. [br] - разрыв строки. Эквивалент HTML-ного <br class="bb" />. Особого смысла в использовании [br] нет, так как в BBCode для перевода строки достаточен обычный символ перевода строки, вводимый при нажатии клавиши <Enter>. Пример:
     
    Код
    Результат
    начать новую[br]строку
    начать новую
    строку

  6. [center] - сокращение для [align=center].
     
    Пример:
    [center]Текст, выровненный по центру[/center].
     
    Результат:
    Текст, выровненный по центру

  7. [color] - тег для цветового выделения текста. При конвертации переводится в <font color="...">.
     
    Код
    Результат
    [color=red]красный[/color] текст
    красный текст

  8. [em] - курсив. Эквивалент HTML-ного <em class="bb" />. Аналог для [i]. Пример:
     
    Код
    Результат
    текст [em]курсивом[/em]
    текст курсивом

  9. [font] - указать шрифт. Аналог HTML-ного <font>. Поддерживает также атрибуты color, size и face. Примеры:
     
    Код
    Результат
    [font=Arial]текст[/font]
    текст
    [font=Verdana color=red]текст[/font]
    текст
    [font face=Tahoma size=+2]текст[/font]
    текст

  10. [hr] - аналог HTML-ного <hr>. При конвертации переводится в <hr class="bb" />.
     
    Пример: [hr].
    Результат:


  11. [i] - эквивалент HTML-ного <i class="bb">.  Аналог для [em]. Пример:
     
    Код
    Результат
    текст [i]курсивом[/i]
    текст курсивом

  12. [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]).

  13. [left] - сокращение для [align=left].
     
    Пример:
    [left]Текст, выровненный по левому краю.[/left].
     
    Результат:
    Текст, выровненный по левому краю.

  14. [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]

    Чтобы такого избежать, пользуйтесь мнемониками спецсимволов.
     
  15. [right] - сокращение для [align=right].
     
    Пример:
    [right]Текст, выровненный по правому краю.[/right].
     
    Результат:
    Текст, выровненный по правому краю.

  16. [s] - зачеркнутый текст. Аналог HTML-ного <del class="bb">. Синоним для [strike] и [del]. Пример:
     
    Код
    Результат
    [s]зачеркнутый[/s] текст
    зачеркнутый текст

  17. [size] - тег для изменения размера шрифта в процентах. При конвертации переводится в <font size="...">. Пример: "[size=6]текст[/size]". Результат: "текст".
     
  18. [small] - более мелкий шрифт. Уменьшает его на одну единицу по сравнению с текущим размером. Эквивалент HTML-ного <small class="bb">. Действет также, как [size=-1]. Пример:
     
    Код
    Результат
    уменьшить [small]шрифт[/small]
    уменьшить шрифт

  19. [strike] - синоним для [s]. Пример:
     
    Код
    Результат
    [strike]зачеркнутый[/strike] текст
    зачеркнутый текст

  20. [strong] - синоним для [b]. Пример:
     
    Код
    Результат
    [strong]жирный[/strong] текст
    жирный текст

  21. [sub] - нижний индекс. Аналог HTML-ного <sub>. Пример:
     
    Код
    Результат
    нижний[sub]индекс[/sub]
    нижнийиндекс

  22. [sup] - верхний индекс. Аналог HTML-ного <sup>. Пример:
     
    Код
    Результат
    верхний[sup]индекс[/sup]
    верхнийиндекс

  23. [tt] - стиль печатной машинки. Аналог HTML-ного <tt>. Пример:
     
    Код
    Результат
    [tt]Моноширинный текст.[/tt]
    Моноширинный текст.

  24. [u] - подчеркнутый текст. Аналог HTML-ного <u>. Пример:
     
    Код
    Результат
    [u]подчеркнутый[/u] текст
    подчеркнутый текст


Семантические выделения в тексте

Ниже перечислены теги, которые несут на себе семантическую нагрузку. Теги для подсветок синтаксисов (с помощью GeSHi) также можно было бы включить в этот список, но, так как это большая тема, то вынесена на отдельную страницу.
  1. [abbr] - аббревиатура. Эквивалент HTML-ного <abbr class="bb">. Может использоваться в форме [abbr="расшифровка аббревиатуры"], что эквивалентно <abbr class="bb" title="расшифровка аббревиатуры">. Пример:
     
    Код
    Результат
    [abbr="PHP: Hypertext Preprocessor"]PHP[/abbr]
    PHP

  2. [acronym] - акроним. Эквивалент HTML-ного <acronym class="bb">. Может использоваться в форме [acronym="расшифровка акронима"], что эквивалентно <acronym class="bb" title="расшифровка акронима">. Пример:
     
    Код
    Результат
    [acronym="Хранимая процедура"]хранимка[/acronym]
    хранимка

  3. [address] - контактная информация. Эквивалент HTML-ного <address class="bb">. Пример:
     
    Код
    Результат
    [address]Узбекистан, г. Ташкент[/address]
    Узбекистан, г. Ташкент

  4. [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;'.

  5. [blockquote] - синоним тега [quote].
     
  6. [cite] - тег для выделения авторов или источников цитат. Эквивалент HTML-ного <cite class="bb" />. Пример:
     
    Код
    Результат
    "Да будет свет!", - сказал [cite]поэт[/cite].
    "Да будет свет!", - сказал поэт.

  7. [del] - удаленный текст. Отображается как зачеркнутый. Эквивалент HTML-ного <del class="bb" />. Синоним для [s] и [strike]. Пример:
     
    Код
    Результат
    [del]удаленный текст[/del]
    удаленный текст

  8. [h1] - заголовок первого уровня. Эквивалент HTML-ного <h1 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h1]Заголовок 1[/h1]

    Заголовок 1


  9. [h2] - заголовок второго уровня. Эквивалент HTML-ного <h2 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h2]Заголовок 2[/h2]

    Заголовок 2


  10. [h3] - заголовок третьего уровня. Эквивалент HTML-ного <h3 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h3]Заголовок 3[/h3]

    Заголовок 3


  11. [h4] - заголовок четвертого уровня. Эквивалент HTML-ного <h4 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h4]Заголовок 4[/h4]

    Заголовок 4


  12. [h5] - заголовок пятого уровня. Эквивалент HTML-ного <h5 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h5]Заголовок 5[/h5]
    Заголовок 5

  13. [h6] - заголовок шестого уровня. Эквивалент HTML-ного <h6 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h6]Заголовок 6[/h6]
    Заголовок 6

  14. [ins] - тег для выделения добавленных кусков текста (в противоположность тегу [del], выделяющему исключенные куски текста). Эквивалент HTML-ного <ins class="bb">. Пример:
     
    Код
    Результат
    Инициатива [del]наказуема[/del] [ins]поощряема[/ins]
    Инициатива наказуема поощряема

  15. [p] - тег, контейнер абзаца. Нужен для тех, кому небезразлична семантическая правильность набираемых текстов. Эквивалент HTML-ного <p class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [p]Первый абзац, воровненный по умолчанию[/p]
    [p align=center]Второй, по центру[/p]

    Первый абзац, воровненный по умолчанию

    Второй, по центру


  16. [quote] - Цитата. При конвертации конструкция [quote=Автор]текст[/quote] переводится в
     
    Автор писал(а)
    текст

    Автора указывать необязательно.
    Визуальное оформление цитат следует делать с помощью CSS.
     
    Пример оформления цитат с помощью 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: " писал(а):";
    }

  17. [var] - тег для выделения имен переменных из программных кодов. Эквивалент HTML-ного <var class="bb">. Пример:
     
    Код
    Результат
    Переменная [var]$myvar[/var]
    Переменная $myvar


Списки, таблицы, ссылки, картинки

  1. [*] - элемент списка. Аналог HTML-ного <li>. Может содержаться только в тегах [list], [ol], [ul]. Автоматически закрывается, если начинается очередной [*] или если закрывается соответствующий [list], [ol], [ul]. При конвертации переводится в <li class="bb">. Может использоваться в форме [*=целое_число], что эквивалентно <li class="bb" value="целое_число">. Целое число здесь - номер (возможно, переведенный в букву) текущего элемента списка. Смотрите примеры в описании [list].
     
  2. [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-инъекций.

  3. [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'.
     
  4. [caption] - заголовок таблицы. Эквивалент HTML-ного <caption class="bb">. Может содержаться только в теге [table]. Смотрите пример в описании [table].
     
  5. [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]
    Мой ящик

  6. [google] - тег для создания ссылки на Google. При конвертации переводится в <a class="bb_google" href="http://www.google.com/search?q=Запрос">. Поддерживает также атрибуты title, name и target.
     
    Пример: "[google=BBCode target=_blank]Спроси Гугл про ББКод[/google]". Результат: "Спроси Гугл про ББКод".
     
  7. [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] Текст обтекает картинку при выравнивании по левому или правому краю.
    Текст обтекает картинку при выравнивании по левому или правому краю. Этот эффект можно использовать для вставки картинок-постеров, тематических изображений...

  8. [list] - тег для создания списка. Аналог HTML-ных <ul> и <ol>. При конвертации переводится в <ul class="bb"> или в <ol class="bb" type="...">. Единственный вложенный тег - [*], который в свою очередь может иметь вложенные теги. Примеры:
     
    Код
    Результат
    Код
    Результат
    Код
    Результат
    [list]
    [*]Раз
    [*]Два
    [*]Три
    [/list]

    • Раз
    • Два
    • Три
    [list=1]
    [*]Раз
    [*=3]Два
    [*]Три
    [/list]

    1. Раз
    2. Два
    3. Три
    [list=a]
    [*=5]Раз
    [*]Два
    [*]Три
    [/list]

    1. Раз
    2. Два
    3. Три

  9. [ol] - нумерованный список. Сокращение для [list=1]. Примеры:
     
    Код
    Результат
    Код
    Результат
    [ol]
    [*]Раз
    [*]Два
    [*]Три
    [/ol]

    1. Раз
    2. Два
    3. Три
    [ol=a]
    [*]Раз
    [*=3]Два
    [*]Три
    [/ol]

    1. Раз
    2. Два
    3. Три

  10. [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
    Строка

  11. [td] - ячейка таблицы. Аналог HTML-ного <td>. Может быть вложен только в [tr]. При конвертации переводится в <td class="bb">. Поддерживаются атрибуты width, height, align, valign, colspan и rowspan, аналогичные HTML-ным. Пример использования смотрите выше.
     
  12. [th] - заголовок столбца таблицы. Аналог HTML-ного <th>. Может быть вложен только в [tr]. При конвертации переводится в <th class="bb">. Поддерживаются атрибуты width, height, align, valign, colspan и rowspan, аналогичные HTML-ным. Пример использования смотрите выше.
     
  13. [tr] - строка таблицы. Аналог HTML-ного <tr>. Может быть вложен только в [table]. Может содержать только [th] и [td]. При конвертации переводится в <tr class="bb">. Пример использования смотрите выше.
     
  14. [ul] - ненумерованный список. Синоним для тега [list] без параметров. Пример:
     
    Код
    Результат
    [ul]
    [*]Раз
    [*]Два
    [*]Три
    [/ul]

    • Раз
    • Два
    • Три

  15. [url] - ссылка. Синоним для [a].
РЕКЛАМА


Обновления


РЕКЛАМА

СРОЧНЫЙ РЕМОНТ ОБУВИ ТЦ МЕРКУРИЙ (ПАРКОВАЯ 33) тел. 89233125600

Информационный партнер
РЕКЛАМА




Все материалы, размещенные на сайте являются собственностью их авторов, если отсутствует прямое указание на права третьих лиц. Использование материалов сайта разрешено только с указанием ссылки на сайт izgr.ru Яндекс.Метрика Рейтинг@Mail.ru




2004 © http://izgr.ru общие правила контакты реклама на сайте Возрастная категория 16+