Experemental/Jul 28 2024_00:49:12 GET
BB Коды игры
ВВ КОДЫ доступны на клубном форуме начиная с куратора, или на общем форуме начиная с модератора
Основы
Типы ВВ-Кодов
[b]text[/b]
- Тип вв-кода, требующий закрывающего тега
[br]
- Тип вв-кода, не требующий закрывающего тега
[*]text
- Тип вв-кода, не требующий обязательного закрытия тега
Атрибуты ВВ-Кодов
[bg=827]text[/bg]
- Атрибут имени вв кода
[spoiler="the name spoiler"]text[/spoiler]
- Значение атрибута в кавычках
Кавычки требуются, когда значение атрибута содержит пробелы или спец-символы
[
,
]
,
"
,
'
,
`
Возможно экранирование этих символов через
\
Примеры использования:
[example name="hello world"]
[example name="[hello \"world\"]"]
[example name=hello\ world]
[example name=hello\ \"world\"]
[example name=\[hello\ \"world\"\]]
Экранизация ВВ-Кодов
Экранирование начинается с символа
\
, в отличии от вв кодов - экранизации не требуют никаких обработок, и их не нужно закрывать, также технически работают быстрее
Примеры:
text \[br] text
- вывод:
text [br] text
Тоже самое что и text [raw][br][/raw]
text
text \n text
- вывод:
text
text
Тоже самое что и text [br]
text
text \\ text
- вывод:
text \ text
text \\n text
- вывод:
text \n text
[raw]text[/raw]
= Внутри этого тега, теги не обрабатываются
[notag]text[/notag]
= Тоже самое что и
[raw]
Стандартные атрибуты
margin - Отступ от внешнего края элемента
Возможный размер от
0px до
40pxПоддерживаемые еденицы:
px
,
mm
,
cm
,
in
,
pt
,
pc
padding - Отступ от внутреннего края элемента
Возможный размер от
0px до
40pxПоддерживаемые еденицы:
px
,
mm
,
cm
,
in
,
pt
,
pc
border - Рамка элемента
Возможный размер от
0px до
12pxПоддерживаемые еденицы:
px
,
mm
,
cm
,
in
,
pt
,
pc
Типы рамок:
solid,
inset,
outset,
dotted,
dashed,
double,
groove,
ridgeИспользование:
1,solid,red
radius - Закругление краёв элемента
Возможный размер от
0px до
400pxПоддерживаемые еденицы:
px
,
mm
,
cm
,
in
,
pt
,
pc
,
%
bgcolor - Цвет фона внутри элемента
Выделение текста, линии
[b]text[/b]
=
Жирный текст
[i]text[/i]
=
Курсивный текст
[s]text[/s]
=
Зачёркнутый текстРазновидности:
[s_]text[/s_]
= Пунктирное зачёркивание
[s.]text[/s.]
= Точечное зачёркивание
[s=]text[/s=]
= Двойное зачёркивание
[s~]text[/s~]
= Волнистое зачёркивание
[o]text[/o]
=
Надчёркнутый текстРазновидности:
[o_]text[/o_]
= Пунктирное надчёркивание
[o.]text[/o.]
= Точечное надчёркивание
[o=]text[/o=]
= Двойное надчёркивание
[o~]text[/o~]
= Волнистое надчёркивание
[u]text[/u]
=
Подчёркнутый текстРазновидности:
[u_]text[/u_]
= Пунктирное подчёркивание
[u.]text[/u.]
= Точечное подчёркивание
[u=]text[/u=]
= Двойное подчёркивание
[u~]text[/u~]
= Волнистое подчёркивание
Всем типам вв кодов "u
, s
, o
" можно задать цвет:[u==r]text[/u=]
=
Двойное подчёркивание[o=dg]text[/o]
=
Надчёркнутый текст[s_=l]text[/s_]
=
Пунктирное зачёркивание
[code]text[/code]
=
Для кода
[pre]text[/pre]
=
Включает переносы строк,
множественные пробелы,
имеет моноширинный текст
Атрибуты:
cool - добавляет рамку как у
[code]
[pre cool]text[/pre]
=
Пример pre cool
тест тест
scrollable - работает только вместе с
cool, добавляет скролл
[pre cool scrollable]text[/pre]
[tt]text[/tt]
=
Моноширинный текст
[font=minecraft]text[/font]
=
Меняет шрифтПо умолчанию: normal [font]normal font[/font]
[font=serif]text[/font]
= Шрифт serif
[font=sans-serif]text[/font]
= Шрифт sans-serif
[font=monospace]text[/font]
= Шрифт monospace
[font=cursive]text[/font]
= Шрифт cursive
[font=fantasy]text[/font]
= Шрифт fantasy
[color=f00]text[/color]
=
Меняет цвет текста[color=red]text[/color]
=
Красный цвет[color=blue]text[/color]
=
Синий цвет[color=green]text[/color]
=
Зелёный цвет
[bgcolor=yellow]text[/bgcolor]
=
Меняет фон текста
[gdcolor=red,0A0,l]text[/gdcolor]
=
Переливающийся текстДанный вв-код не обрабатывет вв-коды внутри себя как и [raw]
Поддерживаются градиенты от 2 до 24 цветов разделённые через ,
, тело вв кода не должно быть меньше по символам чем цветов, максимальный размер тела - 128 символов
Перемещение текста
[rotate=180]text[/rotate]
=
Поворачиваемый контент180 - Количество градусов (число от 0 до 360)
Поддериваются также Грады: [rotate=400grad]text[/rotate]
Поддериваются также Радианы: [rotate=180rad]text[/rotate]
Поддериваются также Обороты: [rotate=1turn]text[/rotate]
[mirror]text[/mirror]
=
Зеркальный текст
[sub]text[/sub]
= Строка
Текст ниже строки
[sup]text[/sup]
= Строка
Текст выше строки
[center]text[/center]
=
Выравнивание текста по центру
[right]text[/right]
=
Выравнивание текста по правому краю
[left]text[/left]
=
Выравнивание текста по левому краю
[justify]text[/justify]
=
Растягивает большое количество текста чтобы оно полностью помещалось в строке (кроме последней) (В Microsoft Word есть такой режим)
[n]text[/n]
= В данном вв коде переносы будут работать через enter
[#]text[/#]
=
Скрытый текстТекст не будет виден на странице, можно использовать как комментарии внутри вв-кодов
Размер текста
[big]text[/big]
=
Увеличить размер текста
[small]text[/small]
=
Уменьшить размер текста
[size=16]text[/size]
=
Размер текста 16pxПо умолчанию размер - 13px
Возможный размер от 6px до 48px
Поддерживаемые еденицы: px
, mm
, cm
, in
, pt
, pc
Использование: [size=24pt]text[/size]
Спойлеры
[spoiler]text[/spoiler]
=
[spoiler=Заголовок]text[/spoiler]
=
Для указания заголовков, содержищих спец символы или пробелы, используйте кавычки, или экранирование[spoiler="Hello world"]text[/spoiler]
=
Панели
[panel=gray]text[/panel]
=
Серая панель
[panel=gray small]text[/panel]
=
Малая серая панель
[panel=green]text[/panel]
=
Зелёная панель
[panel=green small]text[/panel]
=
Малая зелёная панель
[panel=orange]text[/panel]
=
Оранжевая панель
[panel=orange small]text[/panel]
=
Малая оранжевая панель
[panel=blue]text[/panel]
=
Синяя панель
[panel=blue small]text[/panel]
=
Малая синяя панель
[panel=warning]text[/panel]
=
Панель предупреждения
[panel=warning small]text[/panel]
=
Малая панель предупреждения
Разметка текста
[br]
= Перенос строки
[hr]
= Линия:
[hr=1]
= Линия:
[hr=2]
= Линия:
[hr=3]
= Линия:
[hr=4]
= Линия:
[hr=5]
= Линия:
[hr=6]
= Линия:
Списки
[ul]text[/ul]
= Маркированный лист
Пример:
[ul][*]Элемент
[*]Элемент
[/ul]
=
[ol]text[/ol]
= Нумерованный лист
Пример:
[ol][*]Элемент
[*]Элемент
[/ol]
=
- Элемент
- Элемент
[list]text[/list]
= Крутой лист
Примеры:
[list=square][*]Элемент
[*]Элемент
[/list]
=
[list=1][*]Элемент
[*]Элемент
[/list]
=
- Элемент
- Элемент
[list=01][*]Элемент
[*]Элемент
[/list]
=
- Элемент
- Элемент
[list=a][*]Элемент
[*]Элемент
[/list]
=
- Элемент
- Элемент
[list=A][*]Элемент
[*]Элемент
[/list]
=
- Элемент
- Элемент
[list=i][*]Элемент
[*]Элемент
[/list]
=
- Элемент
- Элемент
[list=I][*]Элемент
[*]Элемент
[/list]
=
- Элемент
- Элемент
[li]text[/li]
= Элемент листа
[*]text
= Элемент листа не требующий обязательного закрытия
Изображения
[img]/view/logo.png[/img]
=
[img=48]/view/logo.png[/img]
=
Где 48 - размер картинки
[img=64x48]/view/logo.png[/img]
=
Где 64 - ширина картинки
A 48 - высота картинки
Поддерживаемые еденицы размера:
px
,
%
,
mm
,
cm
,
in
,
pt
,
pc
Атрибут
pixelated - пикселизирует картину
[img=48]/v/minecraft/items/stick.png[/img]
=
[img=48 pixelated]/v/minecraft/items/stick.png[/img]
=
Также
[img]
поддерживает "стандартные атрибуты"
[cube=red]
=
[cube=blue size=24]
=
По умолчанию: цвет - чёрный, размер - 14
Поддерживаемые еденицы размера:
px
,
%
,
mm
,
cm
,
in
,
pt
,
pc
[skin tag=mco]
=
ВВ-Код
[skin]
имеет те же атрибуты что и у ВВ-Кода
[img]
Атрибуты скина:
tag или name - название скина (до 16 символов)
id = ID игрока в игре (вывод скина игрока)
head = вывести только голову скина
gray = сделать черно-белый скин (только для головы)
armor = броня, на данный момент можно указать true/false или 1/0 (отображать или нет)
[skin=40 tag=sun bgcolor=o]
[skin=76 id=1 head pixelated bgcolor=r]
Ссылки
[img]/myblock[/img]
=
/myblock
[img=/myblock]text[/img]
=
text
[img=/myblock mbutton=myblock]text[/img]
=
textМини-Кнопка - mbutton=(имя класса картинки)
[img=/myblock mbutton]text[/img]
=
text[img=/myblock mbutton=on]text[/img]
=
text
Рамки, Таблицы
[bg=green]text[/bg]
=
Текст
ВВ-Код
[bg]
поддерживает "стандартные атрибуты"
[bg=purple bslot=6,gray]text[/bg]
=
Текст
[bg=blue border=7,red,dotted]text[/bg]
=
Текст
[bg=yellow radius=20]text[/bg]
=
Текст
[table]text[/table]
= Элемент таблицы
- cool - Готовая таблица
- border - рамка таблицы в пикселях (border=100), или своя рамка (border=1,0,solid)
Информация своей рамки: border=(размер),(цвет),(рамка) - bgcolor - цвет фона таблицы
- cellpadding и padding - размер отступа текста от рамки
- cellspacing и margin - размер отступа рамки
- width - размер таблицы
Поддерживаемые еденицы размера: px
, %
, mm
, cm
, in
, pt
, pc
- align - выравнивание теста в таблице
Может быть: left | center | right
- left - с левого края
- center - по центру
- right - по правому краю
- valign - выравнивание теста по вертикали в таблице
Может быть: top | middle | bottom | baseline- top - сверху
- middle - по середине
- bottom - снизу
- baseline - по общей линии
[tr]text[/tr]
= создаёт строку для таблицы
[th]text[/th]
= Заголовок таблицы ( самая первая строка )
- border - рамка таблицы
- bgcolor - цвет фона ячейки
- padding - размер отступа текста от рамки
- colspan - количество ячеек, которое нужно объеденить по горизонтали
- rowspan- количество ячеек, которое нужно объеденить по вертикали
- width - размер ячейки
Поддерживаемые еденицы размера: px
, %
, mm
, cm
, in
, pt
, pc
- align - выравнивание теста в ячейке
Может быть: left | center | right
- left - с левого края
- center - по центру
- right - по правому краю
- valign - выравнивание теста по вертикали в ячейке
Может быть: top | middle | bottom | baseline- top - сверху
- middle - по середине
- bottom - снизу
- baseline - по общей линии
[td]text[/td]
= ячейки таблицы ( после заголовка )
ВВ-код
[td]
имеет такие-же атрибуты как и у вв-кода
[th]
примеры таблицы:
Номер | Информация |
---|
1 | text |
2 | text |
Пример кода:
[table cool]
[tr]
[th]Номер[/th]
[th]Информация[/th]
[/tr]
[tr]
[td]1[/td]
[td]text[/td]
[/tr]
[tr]
[td]2[/td]
[td]text[/td]
[/tr]
[/table]
Палитра цветов
В нашей палитре необязательно ставить символ #
перед кодом цвета, потому в наших примерах его не будет
Информация: Стоит учесть то, что в ночном режиме яркость цветов
на форуме будет инвертирована, т.е. чёрный будет белым, а белый чёрным
Односимвольная палитра [GrayScale]
[color=7]text[/color]
= пример
(Hex) черно-белая палитра |
---|
0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | a | b | c | d | e | f |
Цветная палитра |
---|
g | h | l | i | k | m | n | o | p | r | s | t | v | w | y |
Вы можете навести мышью или нажать на цвет для просмотра информации о его полном названии
Двухсимвольная палитра [GrayScale]
[color=9a]text[/color]
= пример
(Hex) черно-белая палитра |
---|
00 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 0a | 0b | 0c | 0d | 0e | 0f |
10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 1a | 1b | 1c | 1d | 1e | 1f |
20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 2a | 2b | 2c | 2d | 2e | 2f |
30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 3a | 3b | 3c | 3d | 3e | 3f |
40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 4a | 4b | 4c | 4d | 4e | 4f |
50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 5a | 5b | 5c | 5d | 5e | 5f |
60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 6a | 6b | 6c | 6d | 6e | 6f |
70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 7a | 7b | 7c | 7d | 7e | 7f |
80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 8a | 8b | 8c | 8d | 8e | 8f |
90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 9a | 9b | 9c | 9d | 9e | 9f |
a0 | a1 | a2 | a3 | a4 | a5 | a6 | a7 | a8 | a9 | aa | ab | ac | ad | ae | af |
b0 | b1 | b2 | b3 | b4 | b5 | b6 | b7 | b8 | b9 | ba | bb | bc | bd | be | bf |
c0 | c1 | c2 | c3 | c4 | c5 | c6 | c7 | c8 | c9 | ca | cb | cc | cd | ce | cf |
d0 | d1 | d2 | d3 | d4 | d5 | d6 | d7 | d8 | d9 | da | db | dc | dd | de | df |
e0 | e1 | e2 | e3 | e4 | e5 | e6 | e7 | e8 | e9 | ea | eb | ec | ed | ee | ef |
f0 | f1 | f2 | f3 | f4 | f5 | f6 | f7 | f8 | f9 | fa | fb | fc | fd | fe | ff |
Цветная палитра |
---|
aw | bk | bv | bw | bn | cl | cs | cn | cy | dg | dk | dm | do | dr | ds |
dt | dv | dp | fw | fg | fs | gb | gw | gd | gr | gy | hd | hp | ir | in |
iv | kh | le | ll | lw | lm | lb | lc | lg | lp | ls | ly | li | ln | mg |
mr | ma | mb | mo | ms | mp | mt | mv | mc | mn | nw | nv | ol | oi | od |
og | or | oc | pg | pt | pv | pw | pp | pe | pi | pl | pb | pu | re | rp |
rb | ro | sb | sa | sq | sg | ss | si | sv | sk | su | sn | sp | st | ta |
te | th | to | tu | tp | vi | wt | wh | ws | ye | yg | |
Вы можете навести мышью или нажать на цвет для просмотра информации о его полном названии
Трёхсимвольная палитра [RGB]
[color=a1e]text[/color]
= пример
Полной палитры данных цветов тут не будет, так как это займёт огромное пространство страницы
(Hex) цветная палитра - RGB |
---|
f00 | 0f0 | 00f | ff0 | 0ff | f0f |
700 | 070 | 007 | f70 | 0f7 | f07 |
7f0 | 07f | 70f | 770 | 077 | 707 |
Кодовые цвета для этой и других палитр выше чем двухсимвольной не будет, так как это не имеет смысла, когда цвета можно задавать в RGB формате, но вы всегда можете писать полные названия цветов, например green, yellow
Четырёхсимвольная палитра [ARGB]
[color=8a1e]text[/color]
= пример
(Hex) цветная палитра - ARGB |
---|
ff00 | f0f0 | f00f | fff0 | f0ff | ff0f |
7f00 | 70f0 | 700f | 7ff0 | 70ff | 7f0f |
3f00 | 30f0 | 300f | 3ff0 | 30ff | 3f0f |
Где A - это прозрачность (0 - прозрачный, F - не прозрачный)
Пятисимвольная палитра [AARGB]
[color=6ca1e]text[/color]
= пример
Где AA - это прозрачность (00 - прозрачный, FF - не прозрачный)
Шестисимвольная палитра [RRGGBB]
[color=68baff]text[/color]
= пример
Семисимвольная палитра [ARRGGBB]
[color=768baff]text[/color]
= пример
Где A - это прозрачность (0 - прозрачный, F - не прозрачный)
Восьмисимвольная палитра [AARRGGBB]
Где AA - это прозрачность (00 - прозрачный, FF - не прозрачный)