BB-коды сайта

Список поддерживаемых сайтом BB-кодов с примерами их использования

Стиль текста
Пример:
[b]полужирный[/b], [i]наклонный[/i], [u]подчёркнутый[/u], [s]зачёркнутый[/s]
Результат:
полужирный, наклонный, подчёркнутый, зачёркнутый
Цвет текста
Пример:
[color=red]название цвета[/color] и [color=#44ff88]RGB-код цвета[/color]
Результат:
название цвета и RGB-код цвета
Выравнивание текста
Пример:
слева [right]справа[/right] [center]по центру[/center]
Результат:
слева
справа
по центру
Размер текста
Пример:
[size=10]текст[/size] и [size=16]текст[/size]
Результат:
текст и текст
13 – стандартный размер
Div с произвольным css классом и data-аттрибутом
Пример:
[div=cc-2a data-custom_data_attribute]
[div=c-column]column 1[/div]
[div=c-column]column 2[/div]
[/div]
Результат:
column 1
column 2
Код
Пример:
[code]http://inline.code.block[/code]

[code]
  [b]multiline code[/b]
  [i]block[/b]
[/code]

[code=css]
.p-profiles .profile-content .cc-2 {
  display: none;
}
[/code]
Результат:
http://inline.code.block

  [b]multiline code[/b]
  [i]block[/i]
.p-profiles .profile-content .cc-2 {
  display: none;
}
Список
Пример:
[list][*]первая строка[*]вторая строка[/list]
Результат:
  • первая строка
  • вторая строка
Упоминание пользователя
Пример:
@morr, привет
Результат:
@morr, привет
Перед ником пользователя пишется "@". Пользователю придёт уведомление о том, что ему что-то написали на форуме.
Ответ на комментарий
Пример:
[comment=775324ID комментария]morr[/comment], привет
Результат:
@morr, привет
При ответе автору комментария придёт уведомление о том, что ему что-то написали на форуме
Цитата
Пример:
[quote]цитата[/quote]
[quote=morr]цитата с ником[/quote]
[quote=775324ID комментария;1ID цитируемого пользователя;morr]цитата комментария[/quote]
Результат:
цитата
morrmorr
цитата с ником
morrmorr
цитата комментария
Если ты цитируешь пользователя на форуме, то пользователь получит об этом уведомление.
Название аниме, становящееся ссылкой с подсказкой
Пример:
[Psycho-Pass], [Наруто], [Watashitachi no Shiawase na Jikan], [Holo]
Результат:
Psycho-PassПсихопаспорт, NarutoНаруто, Watashitachi no Shiawase na JikanЧасы нашего счастья, HoloХоло
Всё, что нужно для того, чтобы название стало ссылкой, это записать название в квадратных скобках. Вот так: [Русское или английское название].
Работает для аниме, манги, персонажей, людей.
Ссылка на аниме со всплывающей подсказкой
Пример:
[anime=1id аниме]текст ссылки аниме[/anime], [manga=1]манги[/manga], [character=1]персонажа[/character], [person=1]человека[/person]
Результат:
текст ссылки аниме, манги, персонажа, человека
ID аниме или манги, или персонажа – номер аниме в базе сайте. Определить ID можно из адреса страницы аниме.
Например, для аниме Ergo Proxy с адресом http://shikimori.one/animes/790-ergo-proxy идентификатор будет равен 790.
Работает для аниме, манги, персонажей, людей.
Опрос
Пример:
[poll=1]
Результат:
[poll=1]
Постеры аниме, манги, персонажей или людей в 8 колонок
Пример:
[mangas ids=33327,23390,13,3031,2,598,11,11734,12,5255,3866,610,4632,42451,29983,564 columns=8]
Результат:
Параметр columns отвечает за число колонок, на которые разбиваются постеры. Число колонок может быть в пределах от 4 до 9.
Аниме постеры делаются тегом [animes ids=...], манга постеры тегом [mangas ids=...], постеры персонажей тегом [characters ids=...], а постеры людей тегом [people ids=...].
Постеры аниме или манги с отображением студии, либо типа и года
Пример:
[animes ids=5114,1575 cover_notice=studio columns=6]
[animes ids=6702 cover_notice=year_kind columns=5]
Результат:
Параметр cover_notice может принимать два значения: studio для отображения студии и year_kind для отображения года и типа.
Параметр cover_notice работает только для аниме и манги
Posters Wall
Пример:
[animes ids=1535,11757,16498,9253,5114,1575,6702,2904,2001,21,6547,13601,11771,431,6746,199,245,269 wall columns=9]
Результат:
Тетрадь смерти
Мастера Меча Онлайн
Атака титанов
Врата Штейна
Стальной алхимик: Братство
Код Гиас: Восставший Лелуш
Хвост Феи
Код Гиас: Восставший Лелуш 2
Гуррен-Лаганн, пронзающий небеса
Ван-Пис
Ангельские ритмы!
Психопаспорт
Баскетбол Куроко
Ходячий замок
Дюрарара!!
Унесённые призраками
Крутой учитель Онидзука
Блич
Сплошная стена картинок создаётся добавлением параметра wall.
При наличии параметра wall число колонок columns может задаваться в пределах от 6 до 9.
Пример:
[characters ids=417,34470,45627,71,36765,7373,24596,80,14523,10863,672,2160,4963,35252,36828,18769,18344,24482,84677,24595,434,5187,40881,22037 wall columns=8]
Результат:
Лелуш Ламперуж
Курису Макисэ
Леви
Л Лоулайт
Кадзуто Киригая
Холо
Идзая Орихара
Лайт Ягами
Такуми Усуи
Себастьян Михаэлис
Гинтоки Саката
Хэй
Юно Гасай
Ринтаро Окабэ
Асуна Юки
Тэцуя Куроко
Томоэ
Рин Окумура
Ято
Сидзуо Хэйвадзима
Эйкити Онидзука
Нацу Драгнил
Микаса Аккерман
Хитаги Сэндзёгахара
Пример:
[people ids=1870,118,65,212,185,79,1117,99,86 wall columns=9]
Результат:
Хаяо Миядзаки
Хироси Камия
Мамору Мияно
Дайсукэ Оно
Кана Ханадзава
Такахиро Сакураи
Макото Синкай
Миюки Савасиро
Дзюн Фукуяма
Спойлер
Пример:
[spoiler]текст спойлера[/spoiler], [spoiler=спойлер с названием]текст спойлера[/spoiler]
Результат:
спойлер
текст спойлера
,
текст спойлера
Ссылка
Пример:
[url=http://www.warandpeace.ru]война и мир[/url], [url]http://www.warandpeace.ru[/url], http://www.warandpeace.ru
Результат:
война и мир, www.warandpeace.ru, www.warandpeace.ru
В большинстве ситуаций сайт сам распознаёт ссылки в тексте даже без тегов [url] и делает их "ссылками".
Ссылка на видео
Пример:
http://vk.com/video98023184_165811692 http://www.youtube.com/watch?v=ZuLyxWtQQzE http://coub.com/view/47l5m http://vimeo.com/85212054 https://video.sibnet.ru/video1245891-07__Lyubov_na_troih/ http://rutube.ru/video/fb428243861964d3c9942e31b5f5a43a
Результат:

vk
youtube
coub
vimeo
sibnet
rutube
Сайт сам распознаёт ссылки на видео в тексте и преобразовывает их в блок просмотра видео. В данном примере перечислены все поддерживаемые сайтом видео хостинги.
Картинка
Пример:
это маленькая картинка [img]http://shikimori.one/images/static/embed/F3G8LVGAbXw.jpg[/img]
[img no-zoomбез увеличения]http://shikimori.one/images/static/embed/F3G8LVGAbXw.jpg[/img]
[img w=132ширина]http://shikimori.one/images/static/embed/ZHBE0Kavy-o.jpg[/img]
[img h=132высота]http://shikimori.one/images/static/embed/ukGtG8wbBJc.jpg[/img]
[img w=132 h=132ширина и высота]http://shikimori.one/images/static/embed/hFT-H0phBKs.jpg[/img]
[img 132x132ширина и высота]http://shikimori.one/images/static/embed/QGin9ZjfGWg.jpg[/img]
это большая картинка [img]http://shikimori.one/images/static/embed/gPVKwBuneIo.jpg[/img]
Результат:

Если у картинки явно не задан размер, то сайт автоматически уменьшит картинку до размера превьюшки В полный размер картинка развернётся по нажатию на неё.
Если ты хочешь получить картинку на всю ширину страницы, не задавай вручную ширину, используй тег [poster].
Картинка, загруженная на сайт
Пример:
[image=35894]
[image=10656 no-zoomбез увеличения]
[image=10656 w=132ширина]
[image=10656 h=132высота]
[image=10656 w=132 h=132ширина и высота]
[image=10656 132x132ширина и высота]
Результат:

1280x1024 1280x1024 1280x1024 1280x1024 1280x1024
Для тега image можно указывать ширину и высоту точно так же, как и для обычной картинки через img тег: [image=35894 w=100], [image=35894 h=100], [image=35894 320x200].
Если у картинки явно не задан размер, то сайт автоматически уменьшит картинку до размера превьюшки. В полный размер картинка развернётся по нажатию на неё.
Если ты хочешь получить картинку на всю ширину страницы, не задавай вручную ширину, используй тег [poster]
Картинка на всю ширину страницы без уменьшения до размеров превьюшки
Пример:
вариант с произвольной картинкой [poster]https://i.imgur.com/4W858xv.jpg[/poster]
вариант с загруженной на сайт картиной [poster=10656id берётся из image тега]
Результат:

Горизонтальная линия
Пример:
[hr]
Результат:

Картинки без пустот между ними
Пример:
картинки без пробелов между ними в теге [sоlid]
[solid]
[img]http://shikimori.one/images/static/embed/F3G8LVGAbXw.jpg[/img][img]http://shikimori.one/images/static/embed/ZHBE0Kavy-o.jpg[/img][img]http://shikimori.one/images/static/embed/ukGtG8wbBJc.jpg[/img][img]http://shikimori.one/images/static/embed/hFT-H0phBKs.jpg[/img][img]http://shikimori.one/images/static/embed/QGin9ZjfGWg.jpg[/img][img]http://shikimori.one/images/static/embed/gPVKwBuneIo.jpg[/img][img]http://shikimori.one/images/static/embed/sC6BfT6LVj8.jpg[/img][img]http://shikimori.one/images/static/embed/F3G8LVGAbXw.jpg[/img]
[/solid]
[hr]
обычный набор картинок
[img]http://shikimori.one/images/static/embed/F3G8LVGAbXw.jpg[/img][img]http://shikimori.one/images/static/embed/ZHBE0Kavy-o.jpg[/img][img]http://shikimori.one/images/static/embed/ukGtG8wbBJc.jpg[/img][img]http://shikimori.one/images/static/embed/hFT-H0phBKs.jpg[/img][img]http://shikimori.one/images/static/embed/QGin9ZjfGWg.jpg[/img][img]http://shikimori.one/images/static/embed/gPVKwBuneIo.jpg[/img][img]http://shikimori.one/images/static/embed/sC6BfT6LVj8.jpg[/img][img]http://shikimori.one/images/static/embed/F3G8LVGAbXw.jpg[/img]
Результат: