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

BB-код или BBCode (аббр. от англ. Bulletin Board Code) — язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключённые в квадратные скобки. [WIKI]

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


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

---

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

---

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

---

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

Результат:

---

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

---

[file] - ссылка на файл на сервере ХД:
Варианты использования:
В первом варианте в ссылке отображается описание.
Во втором варианте отображается идентификатор файла с расширением.
Если файл является картинкой, миниатюрка добавляется автоматом, если есть описание, то оно тоже добавляется.
url - это полный адрес файла, например:
относительный путь - это то, что начинается после букв, например:
При автоматеческой вставке (по копке) вставляется путь, для краткости.
Вы можете вставлять так, как больше нравится.
Примеры:
Результат:

Если вставить кривую ссылку, результат будет такой: invalid url
Тег работает только с файлами, загруженными на сервер ХД!

---

[img] - изображение:
Старайтесь не использовать изображения в полный размер, вместо этого пользуйтесь миниатюркой со ссылкой на полный размер. У изображения можно задавать ширину - width, высоту - height и альтернативный текст - alt.
Результат:

---

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

Результат:

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

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

---

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

строка 1, столбец 1	строка 1, столбец 2
строка 2, столбец 1	строка 2, столбец 2

---

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

---

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

---

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

---

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

---

[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