BB-коды. Оформление сообщений.

Форум самогонщиков, пивоваров, виноделов Технический Работа сайта и форума Инструкции
Андрей Администратор Бухарест 3294 3514
26 Янв. 16, 23:39
BB-код или BBCode (аббр. от англ. Bulletin Board Code) — язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключённые в квадратные скобки. [WIKI]


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

[b]жирный[/b] текст
[i]курсивный[/i] текст
[u]подчеркнутый[/u] текст
[s]перечеркнутый[/s] текст
верхний [sup]индекс[/sup]
нижний [sub]индекс[/sub]

жирный текст
курсивный текст
подчеркнутый текст
перечеркнутый текст
верхний индекс
нижний индекс



[color] - цвет текста:
Не злоупотребляйте цветами, помните, то, что нравится вам - может оказаться неудобным для других.
[color=blue]синий[/color]
Результат: синий




[size] - размер текста:
Уменьшение или увеличение текста в диапазоне 60-190% с шагом 10%.
Не злоупотребляйте размерами не всем это может понравиться. Используйте только в крайнем случае.
[size=130%]увеличенный размер[/size]
[size=70%]уменьшенный размер[/size]
Результат:
увеличенный размер
уменьшенный размер



Положение текста

[left]выравнивание по левому краю[/left]
[center]выравнивание по центру[/center]
[right]выравнивание по правому краю[/right]
Результат:
выравнивание по левому краю
выравнивание по центру
выравнивание по правому краю



[url] - ссылка:
Ссылки разделены на внешние (выделяются синим цветом и открываются в новом окне) и внутренние (форум, сайт, файловый сервер - открываются в том же окне).
Ссылки по-умолчанию преобразовываются в активные, но вы можете оформить их понятнее, добавив ссылочный текст.
[url]http://forum.homedistiller.ru[/url]
[url=http://forum.homedistiller.ru]Форум самогонщиков[/url]
[url]http://ya.ru[/url]
[url=http://ya.ru]Яндекс[/url]
Результат:
http://forum.homedistiller.ru
Форум самогонщиков
http://ya.ru
Яндекс



[img] - изображение:
Старайтесь не использовать изображения в полный размер, вместо этого пользуйтесь миниатюркой со ссылкой на полный размер. У изображения можно задавать ширину - width, высоту - height и альтернативный текст - alt.
[img]http://forum.homedistiller.ru/Themes/default/images/logo.gif[/img]
[img width=100]http://forum.homedistiller.ru/Themes/default/images/logo.gif[/img]
Результат:





Списки
Список состоит из двух кодов: [list] - сам список и [li] - элемент списка. Можно устанавливать тип маркера: диск, цифры, буквы и т.д.
Типы маркеров:
none - отсутствует;
disc - диски (по-умолчанию);
circle - кружки;
square - квадраиы;
decimal - цифры;
lower-roman - цифры римские (строчные);
upper-roman - цифры римские (прописные);
lower-alpha - буквы английские (строчные);
upper-alpha - буквы английские (прописные).

[list]
[li]элемент 1[/li]
[li]элемент 2[/li]
[/list]

[list type=decimal]
[li]элемент 1[/li]
[li]элемент 2[/li]
[/list]
Результат:
  • элемент 1
  • элемент 2

  • элемент 1
  • элемент 2



Таблицы
Таблица состоит из трех кодов [table] - сама таблица, [tr] - строка и [td] - ячейка/столбец.
[table]
[tr]
[td]строка 1, столбец 1[/td]
[td]строка 1, столбец 2[/td]
[/tr]
[tr]
[td]строка 2, столбец 1[/td]
[td]строка 2, столбец 2[/td]
[/tr]
[/table]
Результат:
строка 1, столбец 1строка 1, столбец 2
строка 2, столбец 1строка 2, столбец 2



[hr] - горизонтальная линия:
Ими разделены коды в данном сообщении.
[hr]



[abbr] - аббревиатура:
При наведении мышкой всплывает расшифровка.
[abbr=Сельский Магазин]СельМаг[/abbr]
Результат: СельМаг



[acronym] - акроним:
При наведении мышкой всплывает расшифровка.
[acronym=Спирт Сырец]СС[/acronym]
Результат: СС



[anchor] - якорь:
Используется для прокрутки страницы в определенное место.
Используйте только английские буквы, цифры, тире и подчеркивание.
С помощью якорей можно сделать например навигацию по большому сообщению, разбить сообщение на смысловые блоки и к каждому подзаголовку каждого блока добавить якорь. Тогда в начале сообщения можно создать меню со ссылками на якори и при клике на такую ссылку страница просто будет прокручиваться в нужное место.
Для того, чтобы понять как он работает, допишите в адресной строке браузера, в самом конце адреса, #podzagolovok и нажмите Enter. Браузер автоматически прокрутит страницу к тому месту, где находится этот тег.
[anchor=podzagolovok]Подзаголовок[/anchor]
Результат: Подзаголовок



[code] - код, форматирование вложенных BB-тегов ОТКЛючено:
Отображение текста в отдельном блоке машинописным шрифтом.
Этим тегом оформлены примеры кода в данном сообщении.
[code][color=blue]фрагмент[/color] [color=orange]кода[/color][/code]

Результат:
[color=blue]фрагмент[/color] [color=orange]кода[/color]

Тег может принимать в качестве параметра формат подсветки синтаксиса.
Включенные форматы: javascript, arduino, c, cpp (С++), python, sql.

[code=javascript]var foo = 'Hello, World!';
alert(foo );[/code]

Результат:
var foo = 'Hello, World!';
alert(foo );



[pre] - код, форматирование вложенных BB-тегов ВКЛючено:
Отображение текста в отдельном блоке машинописным шрифтом.
Внешне немного отличается от [code], без иконки и горизонтальные отступы меньше.
[pre][color=blue]фрагмент[/color] [color=orange]кода[/color][/pre]

Результат:
фрагмент кода




[spoiler] - спойлер:
Слово спойлер (от английского to spoil — портить) означает раскрыть основное содержание, испортив интригу.
Данный тег позволяет сохранить интригу, делая содержимое не читаемым, при наведении мышкой содержимое становится читаемым.
На других форумах бывает используют этот тет как тег [hide] на этом форуме.
[spoiler]100% спирта не бывает[/spoiler]
Результат: 100% спирта не бывает



[hide] - скрытый фрагмент текста:
Используйте этот код в новой строке, иначе при раскрытии блока будут возникать неудобства.
[hide]скрытый фрагмент текста[/hide]
[hide=Заголовок]скрытый фрагмент текста[/hide]
Результат:
Скрытый текст
скрытый фрагмент текста
Заголовок
скрытый фрагмент текста



[nobbc] - отключить форматирование:
Внутри этого кода другие BB-коды не работают, а результат отображается как обычный текст.
[nobbc][b]жирный текст[/b][/nobbc]
Результат: [b]жирный текст[/b]



[quote] - цитата:
Цитирование сообщения с форума или другого интернет ресурса.
В цитатах не отображаются картинки и не работает выделение текста.
Используйте цитаты разумно, но добавляйте их там, где они не нужны, не цитируйте последние сообщения.
При цитировании сообщений с помощью спец кнопки автоматически добавляются: автор, дата и ссылка на сообщение.
[quote author=Автор]текст 1[/quote]
[quote]текст 2[/quote]
Результат:
текст 1Автор
текст 2
сообщения удалены (11)