PSPx форум > Справка BB коды

Имя Запомнить? Пароль

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 - выравнивание блока с обтеканием
[hide]	HIDE - скрытый текст
[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 из Твиттера
[youtmod]	YouTube Mod
[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]https://www.pspx.ru/forum[/url] [url=https://www.pspx.ru/forum]PSPx форум[/url]
Результат	https://www.pspx.ru/forum PSPx форум

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

Ссылка на сообщение
BB код [post] позволяет сделать ссылку на конкретное сообщение, используя его номер (ID). Используя дополнительный параметр, можно указать название ссылки.
Использование	[post]Номер (ID) сообщения[/post] [post=Номер (ID) сообщения]значение[/post]
Пример	[post]269302[/post] [post=269302]Нажмите здесь![/post] (Предупреждение: ID темы/сообщения дан только как пример и может не ссылаться на существующую тему/сообщение.)
Результат	https://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 Элемент списка 2 Элемент списка 1 Элемент списка 2

Изображения
BB код [img] позволяет вставлять изображения в пределах вашего сообщения. При комбинировании с BB кодом [url] изображения можно сделать в виде ссылок.
Использование	[img]значение[/img]
Пример	[img]https://www.pspx.ru/forum/cleardoc/statusicon/forum_new.gif[/img] (Без ссылки) [url=https://www.example.com] [img]https://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;1291302]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:00 13:00 завтрак обед

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

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

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

HIDE - скрытый текст
Введите в опцию количество сообщений, меньше котых юзер не сможет видеть скрытый текст.
Использование	[hide=Опция]значение[/hide]
Пример	[HIDE="28000"]скрытый текст[/HIDE]
Результат	Для просмотра скрытого текста у вас должно быть не менее 28000 сообщений. скрытый текст

Горизонтальная линия
Горизонтальная линия
Использование	[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"]https://www.pspx.ru/forum/attachment.php?attachmentid=7915[/imgsize]
Результат

Мультимедиа
Вставить аудио, видео, карту, панораму или другое мультимедиа
Использование	[media=Опция]значение[/media]
Пример	[MEDIA="200,114"]https://vimeo.com/40558553[/MEDIA]
Результат	vBulletin [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]https://www.pspx.ru/forum/images/smilies/russian.gif[/pic]Текст обтекает картинку сбоку, не смещаясь ниже или выше.
Результат	Текст обтекает картинку сбоку, не смещаясь ниже или выше.

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

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

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

Слайдер картинок [размер]
Размер слайдера. В опцию вписываем размер слайдера по ширине и высоте (пример: width:640px;height:480px)
Использование	[slidersize=Опция]значение[/slidersize]
Пример	[slidersize="width:150px;height:112px"][slider="Описание"]https://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]
Результат	1 2 3 4 5 6 7 8 9

Таблица - ячейка
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]
Результат

YouTube Mod
Открытие ролика Youtube в новом модальном окне.
Использование	[youtmod=Опция]значение[/youtmod]
Пример	[youtmod="Дампим act.dat и idps.hex"]4vxdwQ_mO84[/youtmod]
Результат	Дампим act.dat и idps.hex

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]
Результат

-- PSPx.Ru ---- pspx-new full screen ---- 360x ---- Wiix ---- iPhonex ---- Androidx ---- dark2 -- Mobile / Cell / PDA -- style4phone

-- English (EN) -- Russian (RU)

Обратная связь - PSPx Forum - Архив - Вверх

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