Руководство по 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 · Новости · Карта сайта · Контакты · Настроить это меню

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