logo Чат Аркады Магазин Форум  
 
Вернуться   PSPx форум > Справка

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

Ниже приведены примеры использования BB кодов.
BB коды
[b], [i], [u] Полужирный / Курсив / Подчёркнутый
[color] Цвет
[size] Размер
[font] Шрифт
[highlight] Выделение
[left], [right], [center] По левому краю / По правому краю / По центру
[indent] Отступ
[email] Ссылка на электронную почту
[url] Ссылка на URL
[thread] Ссылка на тему
[post] Ссылка на сообщение
[list] Маркированные списки / Расширенный (нумерованный) список
[img] Изображения
[code] Код
[quote] Цитата
[noparse] Прекратить распознавание BB кодов
[attach] Вложение
[ABBR] ABBR - всплывающая подсказка
[anchor] Якорь-гиперссылка
[anchorid] Якорь переход
[backdark] Фон текста тёмный
[backlight] Фон текста светлый
[backorange] Фон текста оранж
[colgroup] Таблица - колонка
[decor] DECOR
[flash] Flash
[float] FLOAT - выравнивание блока с обтеканием
[hr] Горизонтальная линия
[icon] Font Awesome Иконки шрифта
[imgsize] ImgSize - настраиваемое масштабирование изображения
[media] Мультимедиа
[move] Бегущая строка
[OFF] Оффтопик
[P] Короткая ссылка на пост
[pic] Картинка с выравниванием
[resize] RESIZE - миниатюра изображения
[S] Strike
[slider] Слайдер картинок [Описание]
[slidersize] Слайдер картинок [размер]
[space] Учитывать пробелы
[span] Стили тега SPAN
[spoiler] Spoiler
[style] Стили CSS
[table] Таблица
[td] Таблица - ячейка
[tend] Таб - конец
[tname] Таб - вкладки
[toptions] Таб - опции
[tr] Таблица - строка
[twitt] twitt из Твиттера
[youtres] Video Resized (YouTube.com, VideoBash.com и пр.)
[youtube] YouTube Video
Неправильное использование BB кодов:
  • [url] www.example.com [/url] - нельзя допускать пробела между BB кодами и текстом внутри.
  • [email]mail@domain.com[email] - закрывающая часть BB кода должна быть с наклонной чертой (слеш) ([/email])

Полужирный / Курсив / Подчёркнутый
BB коды [b], [i] и [u] позволяют сделать текст полужирным, наклонным и подчёркнутым соответственно.
Использование [b]значение[/b]
[i]значение[/i]
[u]значение[/u]
Пример [b]Этот текст полужирный[/b]
[i]Этот текст написан курсивом[/i]
[u]Это подчёркнутый текст[/u]
Результат Этот текст полужирный
Этот текст написан курсивом
Это подчёркнутый текст

Цвет
BB код [color] меняет цвет текста.
Использование [color=Опция]значение[/color]
Пример [color=blue]Этот текст синий[/color]
Результат Этот текст синий

Размер
BB код [size] позволяет изменять размер шрифта.
Использование [size=Опция]значение[/size]
Пример [size=+2]Этот текст в два раза больше нормального[/size]
Результат Этот текст в два раза больше нормального

Шрифт
BB код [font] изменяет шрифт.
Использование [font=Опция]значение[/font]
Пример [font=courier]Этот текст написан шрифтом Courier[/font]
Результат Этот текст написан шрифтом Courier

Выделение
BB код [highlight] позволяет выделить ваш текст.
Использование [highlight]значение[/highlight]
Пример [highlight]Этот текст выделен[/highlight]
Результат Этот текст выделен

По левому краю / По правому краю / По центру
BB коды [left], [right] и [center] выравнивают текст по левому или правому краю и по центру соответственно.
Использование [left]значение[/left]
[center]значение[/center]
[right]значение[/right]
Пример [left]Этот текст выровнен по левому краю[/left]
[center]Этот текст выровнен по центру[/center]
[right]Этот текст выровнен по правому краю[/right]
Результат
Этот текст выровнен по левому краю
Этот текст выровнен по центру
Этот текст выровнен по правому краю

Отступ
BB код [indent] позволяет сделать отступ.
Использование [indent]значение[/indent]
Пример [indent]Этот текст с отступом[/indent]
Результат
Этот текст с отступом

Ссылка на электронную почту
BB код [email] позволяет вам создать ссылку на адрес электронной почты. Вы можете добавить необязательный параметр 'name' к вашей ссылке.
Использование [email]значение[/email]
[email=Опция]значение[/email]
Пример [email]j.doe@example.com[/email]
[email=j.doe@example.com]Нажмите здесь, чтобы отправить мне электронное письмо[/email]
Результат j.doe@example.com
Нажмите здесь, чтобы отправить мне электронное письмо

Ссылка на URL
BB код [url] позволяет вставлять ссылки на сайты или файлы. Используя дополнительный параметр, можно указать название ссылки.
Использование [url]значение[/url]
[url=Опция]значение[/url]
Пример [url]http://www.pspx.ru/forum[/url]
[url=http://www.pspx.ru/forum]PSPx форум[/url]
Результат http://www.pspx.ru/forum
PSPx форум

Ссылка на тему
BB код [thread] позволяет сделать ссылку на тему, используя её номер (ID). Используя дополнительный параметр, можно указать название ссылки.
Использование [thread]Номер (ID) темы[/thread]
[thread=Номер (ID) темы]значение[/thread]
Пример [thread]42918[/thread]
[thread=42918]Нажмите здесь![/thread]
(Предупреждение: ID темы/сообщения дан только как пример и может не ссылаться на существующую тему/сообщение.)
Результат http://www.pspx.ru/forum/showthread.php?t=42918
Нажмите здесь!

Ссылка на сообщение
BB код [post] позволяет сделать ссылку на конкретное сообщение, используя его номер (ID). Используя дополнительный параметр, можно указать название ссылки.
Использование [post]Номер (ID) сообщения[/post]
[post=Номер (ID) сообщения]значение[/post]
Пример [post]269302[/post]
[post=269302]Нажмите здесь![/post]
(Предупреждение: ID темы/сообщения дан только как пример и может не ссылаться на существующую тему/сообщение.)
Результат http://www.pspx.ru/forum/showthread.php?p=269302#post269302
Нажмите здесь!

Маркированные списки
BB код [list] позволяет создавать простые и нумерованные списки с различными опциями. В пределах одного BB код списка каждый маркер должен быть определен BB кодом [*].
Использование [list]значение[/list]
Пример [list]
[*]Элемент списка 1
[*]Элемент списка 2
[/list]
Результат
  • Элемент списка 1
  • Элемент списка 2

Расширенный (нумерованный) список
BB код [list] позволяет также создавать списки с некоторыми дополнительными опциями. Для нумерованного списка опция должна иметь значение 1. Для алфавитного списка с заглавными буквами - значение A, с прописными буквами - значение а. Для больших римских цифр - I, для маленьких - i.
Использование [list=Опция]значение[/list]
Пример [list=1]
[*]Элемент списка 1
[*]Элемент списка 2
[/list]

[list=a]
[*]Элемент списка 1
[*]Элемент списка 2
[/list]
Результат
  1. Элемент списка 1
  2. Элемент списка 2
  1. Элемент списка 1
  2. Элемент списка 2

Изображения
BB код [img] позволяет вставлять изображения в пределах вашего сообщения. При комбинировании с BB кодом [url] изображения можно сделать в виде ссылок.
Использование [img]значение[/img]
Пример [img]http://www.pspx.ru/forum/cleardoc/statusicon/forum_new.gif[/img] (Без ссылки)

[url=http://www.example.com] [img]http://www.pspx.ru/forum/cleardoc/statusicon/forum_new.gif[/img] [/url] (В виде ссылки)
Результат (Без ссылки)

(В виде ссылки)

Код
BB код [code] предназначен для публикации в сообщении примеров различных кодов. С помощью специального форматирования код будет только отображаться, а не исполняться.
Использование [code]значение[/code]
Пример [code]
<script type="text/javascript">
<!--
    alert("Hello world!");
//-->
</script>
[/code]
Результат
<script type="text/javascript">
<!--
	alert("Hello world!");
//-->
</script>

Цитата
The [quote] tag allows you to attribute text to someone else.
Использование [quote]Цитата[/quote]
[quote=Имя]значение[/quote]
Пример [quote]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;1154872]Lorem ipsum dolor sit amet[/quote]
Результат
Lorem ipsum dolor sit amet
Сообщение от John Doe
Lorem ipsum dolor sit amet
Сообщение от John Doe Посмотреть сообщение
Lorem ipsum dolor sit amet

Прекратить распознавание BB кодов
BB код [noparse] позволит вам отменить распознавание BB кодов.
Использование [noparse][b]значение[/b][/noparse]
Пример [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
Результат [b]Lorem ipsum dolor sit amet[/b]

Вложение
BB код [attach] позволяет вам отображать вложение в ваших сообщениях как внизу. Будут отображены только те вложения, которые принадлежат соответствующему сообщению.
Использование [attach]Номер вложения[/attach]
Пример [attach]12345[/attach]
Результат

ABBR - всплывающая подсказка
ABBR - всплывающая подсказка к аббревиатурам.
Использование [ABBR=Опция]значение[/ABBR]
Пример [ABBR="Союз Советских Социалистических Республик"]СССР[/ABBR]
Результат [ABBR="Союз Советских Социалистических Республик"]СССР[/ABBR]

Якорь-гиперссылка
В опциях выставляете уникальный номер или сочетание слов, на которыое будет осуществлён переход
Использование [anchor=Опция]значение[/anchor]
Пример [anchor="#Пункт №1"]Перейти к тексту[/anchor]
Результат Перейти к тексту

Якорь переход
Якорь, куда должна быть произведена прокрутка страницы или переход по ссылке
Использование [anchorid]значение[/anchorid]
Пример [anchorid]Пункт №1[/anchorid] Пункт №1
Результат Пункт №1

Фон текста тёмный
Выделение текста тёмным цветом фона
Использование [backdark]значение[/backdark]
Пример [backdark]Привет мир![/backdark]
Результат Привет мир!

Фон текста светлый
Выделение текста светлым цветом фона
Использование [backlight]значение[/backlight]
Пример [backlight]Привет мир![/backlight]
Результат Привет мир!

Фон текста оранж
Выделение текста оранжевым цветом фона
Использование [backorange]значение[/backorange]
Пример [backorange]Привет мир![/backorange]
Результат Привет мир!

Таблица - колонка
COLGROUP предназначен для задания ширины и стиля одной или нескольких колонок таблицы.
Использование [colgroup=Опция]значение[/colgroup]
Пример [table="border=1 width=100% rules=groups"][colgroup="span=3 align=center"][/colgroup][tr="bgcolor=#0f0"][td=""]09:00[/td][td=""]13:00[/td][/tr][tr=""][td=""]завтрак[/td][td=""]обед[/td][/tr][/table]
Результат
09:0013:00
завтракобед

DECOR
Для выделение фона текста цветом используйте bb-код [DECOR]. В окне опции введите цвет в формате #RRGGBB или название.
Использование [decor=Опция]значение[/decor]
Пример [decor="#ff00ff;color:white"]Выделение фона цветом[/decor]
Результат Выделение фона цветом

Flash
Вставка Flash SWF в сообщение. Пример использования: [flash="width=900 height=600"]http://www.pspx.ru/forum/attachment.php?attachmentid=5914[/flash]
Использование [flash=Опция]значение[/flash]
Пример [flash="width=180 height=100"]http://www.yapfiles.ru/files/1097586/happy_bithday.swf[/flash]
Результат

FLOAT - выравнивание блока с обтеканием
Обтекание блоков. В запрос ввода опции вводите один из следующих возможных параметров: left | right | none | inherit, где left - выравнивает блок по левому краю, right - по правому, none - нет, inherit - наследует параметры от родителя.
Использование [float=Опция]значение[/float]
Пример [float="right"]ЭТОТ БЛОК СПРАВА[/float]А этот блок обтекает его
Результат ЭТОТ БЛОК СПРАВАА этот блок обтекает его

Горизонтальная линия
Горизонтальная линия
Использование [hr]значение[/hr]
Пример [hr][/hr]
Результат

Font Awesome Иконки шрифта
В опцию вписываем ID-название иконки (http://fontawesome.io/icons), а между тегами ничего не пишем. Можно вкладывать другие иконки этим же ББ-кодом, тогда они будут накладываться друг на друга. Переносы строк не допускаются!
Использование [icon=Опция]значение[/icon]
Пример [icon="fa-camera-retro"][/icon]
Результат

ImgSize - настраиваемое масштабирование изображения
В опцию вписываем ширину и высоту изображения: width: 200px; height: 114px, а между тегами вставляем ссылку на картинку.
Использование [imgsize=Опция]значение[/imgsize]
Пример [imgsize="width: 200px; height: 114px"]http://www.pspx.ru/forum/attachment.php?attachmentid=7915[/imgsize]
Результат

Мультимедиа
Вставить аудио, видео, карту, панораму или другое мультимедиа
Использование [media=Опция]значение[/media]
Пример [MEDIA="200,114"]http://vimeo.com/40558553[/MEDIA]
Результат

Бегущая строка
Движущийся текст
Использование [move]значение[/move]
Пример [move]Бегущая строка[/move]
Результат Бегущая строка

Оффтопик
Скрывает текст оффтопа.
Использование [OFF]значение[/OFF]
Пример [OFF]Флуд не по теме[/OFF]
Результат [OFF]Флуд не по теме[/OFF]

Короткая ссылка на пост
Короткая ссылка на пост
Использование [P=Опция]значение[/P]
Пример [P=1145123]Короткая ссылка на пост[/P]
Результат [P=1145123]Короткая ссылка на пост[/P]

Картинка с выравниванием
Картинка с выравниванием и обтеканием текста, по левому краю или правому, или по центру. Используйте опции LEFT, RIGHT, или CENTER.
Использование [pic=Опция]значение[/pic]
Пример [pic=RIGHT]http://www.pspx.ru/forum/images/smilies/russian.gif[/pic]Текст обтекает картинку сбоку, не смещаясь ниже или выше.
Результат Текст обтекает картинку сбоку, не смещаясь ниже или выше.

RESIZE - миниатюра изображения
Уменьшает крупное изображение и отображает миниатюру в сообщениях. Увеличение по клику на лупу.
Использование [resize]значение[/resize]
Пример [resize]http://www.pspx.ru/forum/attachment.php?attachmentid=7915[/resize]
Результат
Нажмите для увеличения

Strike
Зачёркнутый текст
Использование [S]значение[/S]
Пример [s]Зачёркнутый текст[/s]
Результат [s]Зачёркнутый текст[/s]

Слайдер картинок [Описание]
Вставляем между тегами URL картинки, а в опцию вписываем её описание.
Использование [slider=Опция]значение[/slider]
Пример [slider="MySuperIMG"]http://www.bbcode.org/images/lubeck_small.jpg[/slider]
Результат
  • MySuperIMG ***
    MySuperIMG

  • Слайдер картинок [размер]
    Размер слайдера. В опцию вписываем размер слайдера по ширине и высоте (пример: width:640px;height:480px)
    Использование [slidersize=Опция]значение[/slidersize]
    Пример [slidersize="width:150px;height:112px"][slider="Описание"]http://www.bbcode.org/images/lubeck_small.jpg[/slider][/slidersize]
    Результат
    • Описание ***
      Описание

    Учитывать пробелы
    Данный тег учитывает пробелы и переносы
    Использование [space]значение[/space]
    Пример [space] Пробелы учитываются[/space]
    Результат Пробелы учитываются

    Стили тега SPAN
    Обрамление стилями строчных данных
    Использование [span=Опция]значение[/span]
    Пример [span="style=color:Green;"]Привет![/span]
    Результат Привет!

    Spoiler
    Тег спойлера с заголовком, который позволяет скрыть текст.
    Использование [spoiler=Опция]значение[/spoiler]
    Пример [spoiler=Заголовок]Скрытый текст[/spoiler]
    Результат
    Заголовок
    Скрытый текст

    Стили CSS
    Стили CSS
    Использование [style]значение[/style]
    Пример [style].xl017078 {border:3px solid #ff0000;color:blue;font-size:18px;font-weight:700;}[/style][table=""][tr=""][td="class='xl017078'"]Привет![/td][/tr][/table]
    Результат
    Привет!

    Таблица
    Table - служит контейнером для всей таблицы.
    Использование [table=Опция]значение[/table]
    Пример [table="border=1 width=100%"][tr=""][td=""]1[/td][td=""]2[/td][td=""]3[/td][/tr][tr=""][td=""]4[/td][td=""]5[/td][td=""]6[/td][/tr][tr=""][td=""]7[/td][td=""]8[/td][td=""]9[/td][/tr][/table]
    Результат
    123
    456
    789

    Таблица - ячейка
    TD - предназначен для создания одной ячейки таблицы.
    Использование [td=Опция]значение[/td]
    Пример [table="border=1"][tr=""][td=""]1 ячейка[/td][td=""]2 ячейка[/td][td=""]3 ячейка[/td][/tr][/table]
    Результат
    1 ячейка2 ячейка3 ячейка

    Таб - конец
    Закрывающий тег без опций и без содержимого. Просто оставляем пустой. Обязателен!
    Использование [tend]значение[/tend]
    Пример [toptions="containerWidth: '100%'"]MyTab[/toptions][tname="Один"]Первый таб[/tname][tname="Два"]Второй таб[/tname][tname="Три"]Третий таб[/tname][tend][/tend]
    Результат
    Первый таб
    Второй таб
    Третий таб

    Таб - вкладки
    Вкладки табов. В опцию вписываем заголовок вкладки, а между тегами содержимое вкладки.
    Использование [tname=Опция]значение[/tname]
    Пример [toptions="containerWidth: '100%'"]MyTab[/toptions][tname="Один"]Первый таб[/tname][tname="Два"]Второй таб[/tname][tname="Три"]Третий таб[/tname][tend][/tend]
    Результат
    Первый таб
    Второй таб
    Третий таб

    Таб - опции
    Создание основы Таба. В опциях указываем параметры. Между тегами пишем уникальный ID таба.
    Использование [toptions=Опция]значение[/toptions]
    Пример [toptions="containerWidth: '100%'"]MyTab[/toptions][tname="Один"]Первый таб[/tname][tname="Два"]Второй таб[/tname][tname="Три"]Третий таб[/tname][tend][/tend]
    Результат
    Первый таб
    Второй таб
    Третий таб

    Таблица - строка
    TR - служит контейнером для ячеек горизонтальной строки таблицы.
    Использование [tr=Опция]значение[/tr]
    Пример [table="cellpadding=5 border=1 width=100%"][tr=""][td="align=center"][B]Одна строка[/B][/td][/tr][/table]
    Результат
    Одна строка

    twitt из Твиттера
    Вставляет в сообщение твит из сообщения Твиттера по статусной ссылке.
    Использование [twitt]значение[/twitt]
    Пример [twitt]https://twitter.com/theflow0/status/781804033505955840[/twitt]
    Результат

    Video Resized (YouTube.com, VideoBash.com и пр.)
    Вставка URL с видеохостингов с возможностью указания своего размера по ширине и высоте опциями [width=480 height=270]. Ссылка между тегами должна быть прямая и полная (не ID ссылки), например: [url]http://www.youtube.com/embed/9VWLR2JV36Q[/url]
    Использование [youtres=Опция]значение[/youtres]
    Пример [youtres="width=180 height=100"]https://www.youtube.com/embed/8hjP9nmo7WA[/youtres]
    Результат

    YouTube Video
    Вставка ID видеоролика с сайта youtube.com
    Использование [youtube]значение[/youtube]
    Пример [youtube]8hjP9nmo7WA[/youtube]
    Результат

    Текущее время: 04:59. Часовой пояс GMT +3.


    Powered by vBulletin® Version 3.8.7
    Copyright ©2000 - 2018, vBulletin Solutions, Inc. Перевод: zCarot
    PSPx.Ru - Сообщество фанатов игровых консолей
    Яндекс.Метрика

     
     
    Все консоли от Dendy до PlayStation 3

    C чего начать? ⇒ ⇒ ⇒ [ЧАВО] - ответы на ЧАсто задаваемые ВОпросыAdobe PhotoshopHex WorkshopИгры для psp и торрент!Прошивки и Софт для PSP6.60 PROMOD-C1 (fix3) InstallerИгры PSX для ПСП