Руководство по BBCode
Вступление
Что такое BBCode?

Форматирование текста
Как сделать текст жирным, наклонным, подчёркнутым или зачеркнутым
Как изменить цвет или размер текста
Могу ли я комбинировать теги?

Цитирование и вывод форматированных текстов
Цитирование при ответах
Вывод кода или форматированного текста

Создание списков
Создание маркированного списка
Создание нумерованного списка

Создание ссылок
Ссылки на другую страницу или сайт

Показ картинок в сообщениях
Добавление картинки в сообщение

Вставка в сообщение видео-роликов
Вставка в сообщение видео

Использование скрытого текста (спойлеров)
Использование спойлеров

Выравнивание содержимого (тег абзаца)
Выравнивание содержимого

 

Вступление
Что такое BBCode?
BBCode — это специальный вариант HTML. Сможете вы или нет использовать BBCode в ваших сообщениях, определяется администратором форумов. Кроме того, вы сможете отключить использование BBCode в конкретном сообщении при его размещении. Сам BBCode похож по стилю на HTML, теги заключены в квадратные скобки [ и ], а не в < и >; он даёт больше возможностей управления тем, как выводятся данные. При использовании некоторых шаблонов вы сможете добавлять BBCode в ваши сообщения, пользуясь простым интерфейсом, расположенным над полем для ввода текста. Но даже в этом случае данное руководство может оказаться полезным.
Вернуться к началу

Форматирование текста
Как сделать текст жирным, наклонным, подчёркнутым или зачеркнутым
BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:
  • Чтобы сделать текст жирным, заключите его в [b][/b], например

    [b]Привет[/b]

    станет Привет
  • Для подчёркивания используйте [u][/u], например:

    [u]Доброе утро[/u]

    станет Доброе утро
  • Курсив делается тегами [i][/i], например:

    Это [i]круто![/i]

    выдаст Это круто!
  • Для зачеркивания используйте [s][/s], например:

    [s]Тонкий намёк[/s]

    станет Тоний намек

Вернуться к началу
Как изменить цвет или размер текста
Для изменения цвета или размера шрифта могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):
  • Цвет текста можно изменить, окружив его [color=][/color]. Вы можете указать либо известное имя цвета (red, blue, yellow и т.п.), или шестнадцатиричное представление, например #FFFFFF, #000000. Таким образом, для создания красного текста вы можете использовать:

    [color=red]Привет![/color]

    или

    [color=#FF0000]Привет![/color]

    оба способа дадут в результате Привет!
  • Изменение размера достигается аналогичным образом при использовании [size=][/size]. Этот тег зависит от используемых шаблонов, рекомендуемый формат — число, показывающее размер текста в пикселях, начиная от 1 (настолько маленький, что вы его не увидите) до 29 (очень большой). Например:

    [size=9]МАЛЕНЬКИЙ[/size]

    скорее всего будет МАЛЕНЬКИЙ

    в то время как:

    [size=24]ЗДОРОВЫЙ![/size]

    будет ЗДОРОВЫЙ!

Вернуться к началу
Могу ли я комбинировать теги?
Да, конечно можете. Например для привлечения чьего-то внимания вы сможете написать:

[size=18][color=red][b]ПОСМОТРИТЕ НА МЕНЯ![/b][/color][/size]

что выдаст ПОСМОТРИТЕ НА МЕНЯ!

Мы не рекомендуем выводить таким образом длинные тексты! Учтите, что вы, автор сообщения, должны позаботиться о том, чтобы теги были правильно вложены. Вот этот BBCode, например, неправилен:

[b][u]Это неверно[/b][/u]
Вернуться к началу

Цитирование и вывод форматированных текстов
Цитирование при ответах
Есть две формы цитирования, с указанием автора и без:
  • Когда вы используете кнопку «Цитировать» для ответа на сообщение, то его текст добавляется в поле ввода окружённым блоком [quote=""][/quote]. Этот метод позволит вам цитировать со ссылкой на автора, либо на что-то ещё, что вы туда впишете. Например для цитирования отрывка текста, написанного Вебмастером, вы напишете:

    [quote="Вебмастер"]Текст Вебмастера будет здесь[/quote]

    В результате перед текстом будут вставлены слова "Вебмастер писал(а):". Помните, вы должны поставить кавычки "" вокруг имени, они не могут быть опущены.
  • Второй метод просто позволяет вам что-то процитировать. Для этого вам надо заключитть текст в теги [quote][/quote]. При просмотре сообщения перед текстом будет стоять только слово "Цитата:"
Вы можете цитировать сообщение не целиком, а абзацами или блоками, а также только выделенный текст из окна обзора темы
Вернуться к началу
Вывод кода или форматированного текста
Если вам надо вывести кусок программы или что-то, что должно быть выведено шрифтом фиксированной ширины (Courier) вы должны заключить текст в теги [code][/code], например

[code]echo "This is some code";[/code]

Всё форматирование, используемое внутри тегов [code][/code] будет сохранено.
Вернуться к началу

Создание списков
Создание маркированного списка
BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте [list][/list] и определите каждый элемент при помощи [*]. Например, чтобы вывести свои любимые цвета, вы можете использовать:

[list]
[*]Красный
[*]Синий
[*]Жёлтый
[/list]

Это выдаст такой список:
  • Красный
  • Синий
  • Жёлтый

Вернуться к началу
Создание нумерованного списка
Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте [list=1][/list] или [list=a][/list] для создания алфавитного списка. Как и в случае маркированного списка, элементы определяются с помощью [*]. Например:

[list=1]
[*]Пойти в магазин
[*]Купить новый компьютер
[*]Обругать компьютер, когда случится ошибка
[/list]

выдаст следующее:
  1. Пойти в магазин
  2. Купить новый компьютер
  3. Обругать компьютер, когда случится ошибка
Для алфавитного списка используйте:

[list=a]
[*]Первый возможный ответ
[*]Второй возможный ответ
[*]Третий возможный ответ
[/list]

что выдаст
  1. Первый возможный ответ
  2. Второй возможный ответ
  3. Третий возможный ответ

Вернуться к началу

Создание ссылок
Ссылки на другую страницу или сайт
В BBCode поддерживается несколько способов создания URL'ов.
  • Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на главную страницу нашего сайта вы могли бы использовать:

    [url=https://lady.webnice.ru/]Добро пожаловать в Дамский клуб![/url]

    Это создаст следующую ссылку: Добро пожаловать в Дамский клуб! Ссылка будет открываться в новом окне, так что пользователь сможет продолжать читать форумы.
  • Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:

    [url]https://lady.webnice.ru/[/url]

    Это выдаст следующую ссылку: https://lady.webnice.ru/
  • Кроме того, форум поддерживает возможность, называемую Автоматические ссылки, это переведёт любой синтаксически правильный URL в ссылку без необходимости указания тегов. Например, ввод https://lady.webnice.ru/ в ваше сообщение приведёт к автоматической выдаче https://lady.webnice.ru/ при просмотре сообщения.
Как и со всеми прочими тегами BBCode, вы можете заключать в URL'ы любые другие теги, например [img][/img] (см. следующий пункт), [b][/b] и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас, например:

[url=https://lady.webnice.ru/][img]https://lady.webnice.ru/logo_softBlue.png[/url][/img]

неверно, что может привести к последующему удалению вашего сообщения, так что будьте аккуратнее.
Вернуться к началу

Показ картинок в сообщениях
Добавление картинки в сообщение
BBCode включает тег для добавления картинки в ваше сообщение. При этом следует помнить две очень важные вещи: во-первых, многих пользователей раздражает большое количество картинок, во-вторых, ваша картинка уже должна быть размещена в интернете (т.е. она не может быть расположена только на вашем компьютере). Если вы хотите вставить в сообщение картинку со своего компьютера, вам необходимо предварительно загрузить её на сайт, воспользовавшись ссылкой "Загрузить картинку" со страницы редактирования сообщения. Для вывода картинки вы должны окружить её URL тегами [img][/img]. Например:

[img]https://lady.webnice.ru/logo_softBlue.png[/img]

Вы также можете задать обтекание картинки текстом по правому или левому краям, используя, соответственно [img=left]адрес рисунка[/img] или [img=right]адрес рисунка[/img]

Как указано в предыдущем пункте, вы можете заключить картинку в теги [url][/url], то есть

[url=https://lady.webnice.ru/][img]https://lady.webnice.ru/logo_softBlue.png[/img][/url]

выдаст:



Вернуться к началу

Вставка в сообщение видео-роликов
Вставка в сообщение видео
На форуме можно вставить в сообщение видео-ролик. Для этого используйте теги [video]URL-адрес видео-ролика[/video] или [video="Название видео"]URL-адрес видео-ролика[/video]. URL-адрес видео-ролика можно скопировать на YouTube из адресной строки или блока "Поделиться", а на Rutube из блока "Код для вставки". Подробнее

Вернуться к началу

Использование скрытого текста (спойлеров)
Использование спойлеров
Если вы хотите скрыть какую-либо часть текста в своём сообщении, например, в своем отзыве о прочитанной книге вы раскрываете какие-то детали сюжета, или вы выкладываете большие картинки, не относящиеся к теме, в общем то, что возможно, не захотят видеть другие посетители форума, используйте теги спойлеров [spoiler]Скрываемый текст[/spoiler] или [spoiler="Заголовок спойлера"]Скрываемый текст[/spoiler]

Вернуться к началу

Выравнивание содержимого (тег абзаца)
Выравнивание содержимого
Вы можете использовать тег абзаца, если хотите выровнять его содержимое. Выравнивание возможно по левому краю (left), по правому (right), по центру (center) и по обоим краям (justify). Внутри абзаца может быть как текст, так и рисунки. Вы можете использовать абзацы внутри спойлеров, но не можете использовать вложение абзацев друг в друга.

Пример использования абзаца, выравненного по центру:

[p=center]Женский литературный форум
[img]https://lady.webnice.ru/logo_softBlue.png[/img]
Lady.WebNice.Ru[/p]

Будет выглядеть так:

Женский литературный форум

Lady.WebNice.Ru


Вернуться к началу

Часовой пояс: GMT + 3

Перейти:  

Мобильная версия · Регистрация · Вход · Пользователи · VIP · Новости · Карта сайта · Контакты · Настроить это меню

Если Вы обнаружили на этой странице нарушение авторских прав, ошибку или хотите дополнить информацию, отправьте нам сообщение.
Если перед нажатием на ссылку выделить на странице мышкой какой-либо текст, он автоматически подставится в сообщение