Вступление
Форматирование текста
Как сделать текст жирным, наклонным, подчёркнутым или зачеркнутым
Как изменить цвет или размер текста
Могу ли я комбинировать теги?
Цитирование и вывод форматированных текстов
Цитирование при ответах
Вывод кода или форматированного текста
Создание списков
Создание маркированного списка
Создание нумерованного списка
Создание ссылок
Ссылки на другую страницу или сайт
Показ картинок в сообщениях
Добавление картинки в сообщение
Вставка в сообщение видео-роликов
Использование скрытого текста (спойлеров)
Выравнивание содержимого (тег абзаца)
Вступление
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]
выдаст следующее:
- Пойти в магазин
- Купить новый компьютер
- Обругать компьютер, когда случится ошибка
[list=a]
[*]Первый возможный ответ
[*]Второй возможный ответ
[*]Третий возможный ответ
[/list]
что выдаст
- Первый возможный ответ
- Второй возможный ответ
- Третий возможный ответ
Создание ссылок
Ссылки на другую страницу или сайт
В 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/ при просмотре сообщения.
[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