- Что такое BBCode?
- BBCode — это специальный вариант HTML. Сможете ли вы использовать BBCode в ваших сообщениях или нет, определяется администратором форумов. Кроме того, вы сможете отключить использование BBCode в конкретном сообщении при его размещении. Сам BBCode по стилю похож на HTML, теги заключены в квадратные скобки [ и ], а не в < и >; он даёт больше возможностей управления тем, как выводятся данные. При использовании некоторых шаблонов вы сможете добавлять BBCode в ваши сообщения, пользуясь простым интерфейсом, расположенным над полем для ввода текста. Но даже в этом случае данное руководство может оказаться полезным.
Руководство по BBCode
- Вступление
- Что такое BBCode?
- Форматирование текста
- Как сделать текст жирным, наклонным или подчёркнутым
- Как изменить цвет или размер текста
- Могу ли я комбинировать теги?
- Цитирование и вывод текста фиксированной ширины
- Цитирование при ответах
- Вывод кода или данных фиксированной ширины
- Создание списков
- Создание маркированного списка
- Создание нумерованного списка
- Создание ссылок
- Ссылки на другой сайт
- Показ изображений в сообщениях
- Добавление изображения в сообщение
- Добавление вложений в сообщение
- Advanced BBCode Box
- Шрифт
- Выделение маркером
- Выравнивание
- Расположение
- Зачёркнутый текст
- Подстрочный текст
- Надстрочный текст
- Светящийся текст
- Размытая тень
- Чёткая тень
- Размытый текст
- Мигающий текст
- Предварительно отформатированный текст
- Направление текста
- Прокрутка текста
- Спойлер
- Скрытый от гостей текст
- Сообщение не по теме
- NFO ASCII-арт
- Видео с сайта
Вступление
Форматирование текста
- Как сделать текст жирным, наклонным или подчёркнутым
- BBCode включает теги для быстрого изменения стиля шрифта. Это достигается следующими способами:
- Чтобы сделать текст жирным, заключите его в [b][/b], например:
[b]Привет[/b]
станет Привет - Для подчёркивания используйте [u][/u], например:
[u]Доброе утро[/u]
станет Доброе утро - Чтобы сделать текст курсивным, используйте тег [i][/i], например:
Это [i]здорово![/i]
выведет Это здорово!
- Чтобы сделать текст жирным, заключите его в [b][/b], например:
- Как изменить цвет или размер текста
- Для изменения цвета или размера шрифта могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):
- Цвет текста можно изменить, окружив его [color=][/color]. Можно указать либо известное имя цвета (red, blue, yellow и т. п.), либо его шестнадцатеричное представление, например #FFFFFF, #000000. Таким образом, для создания красного текста можно использовать:
[color=red]Привет![/color]
или
[color=#FF0000]Привет![/color]
в обоих случаях будет выведено Привет! - Изменение размера достигается аналогичным образом при использовании тега [size=][/size]. Этот тег зависит от используемых шаблонов, рекомендуемый формат — число, показывающее размер текста в процентах, от 20% (очень маленький) до 200% (очень большой) от размера по умолчанию. Например:
[size=30]МАЛЕНЬКИЙ[/size]
скорее всего будет выведено как МАЛЕНЬКИЙ
в то время, как:
[size=200]ОГРОМНЫЙ![/size]
будет выведено как ОГРОМНЫЙ!
- Цвет текста можно изменить, окружив его [color=][/color]. Можно указать либо известное имя цвета (red, blue, yellow и т. п.), либо его шестнадцатеричное представление, например #FFFFFF, #000000. Таким образом, для создания красного текста можно использовать:
- Могу ли я комбинировать теги?
- Да, это возможно. Например, чтобы привлечь внимание, можно написать:
[size=200][color=red][b]ПОСМОТРИТЕ НА МЕНЯ![/b][/color][/size]
в этом случае будет выведено ПОСМОТРИТЕ НА МЕНЯ!
Не рекомендуется выводить таким образом длинные тексты! Учтите, что автор сообщения должен позаботиться о правильном закрытии тегов. Например, следующее использование тегов BBCode неверно:
[b][u]Это неверно[/b][/u]
Цитирование и вывод текста фиксированной ширины
- Цитирование при ответах
- Существует два способа цитирования текста: с обращением и без.
- При использовании кнопки цитирования для ответа на сообщение, в окно ответа добавляется текст цитируемого сообщения, обрамлённый тегами [quote=""][/quote]. Этот способ позволяет цитировать с обращением к пользователю или к кому-то (чему-то) ещё, по выбору. Например, чтобы прцитировать текст, написанный пользователем Mr. Blobby, можно ввести:
[quote="Mr. Blobby"]Здесь находится текст, написанный пользователем Mr. Blobby[/quote]
В результате перед текстом будут вставлены слова «Mr. Blobby писал(а):». Помните, что обязательно заключать обращение в кавычки "", они не могут быть пропущены. - Второй способ позволяет создавать простые цитаты. Для этого необходимо заключить текст в теги [quote][/quote]. При просмотре сообщения будет просто показан текст в блоке цитирования.
- При использовании кнопки цитирования для ответа на сообщение, в окно ответа добавляется текст цитируемого сообщения, обрамлённый тегами [quote=""][/quote]. Этот способ позволяет цитировать с обращением к пользователю или к кому-то (чему-то) ещё, по выбору. Например, чтобы прцитировать текст, написанный пользователем Mr. Blobby, можно ввести:
- Вывод кода или данных фиксированной ширины
- Если нужно вывести часть программного кода или другие данные фиксированной ширины, такие, как шрифт Courier, необходимо заключать текст в теги [code][/code], непример
[code]echo "Здесь находится код";[/code]
Всё форматирование, используемое внутри тегов [code][/code], будет сохранено.
Создание списков
- Создание маркированного списка
- BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте [list][/list] и определите каждый элемент при помощи [*]. Например, чтобы вывести свои любимые цвета, вы можете использовать:
[list]
[*]Красный
[*]Синий
[*]Жёлтый
[/list]
Это выдаст такой список:- Красный
- Синий
- Жёлтый
Также можно указать стиль маркера списка, используя [list=disc][/list], [list=circle][/list], or [list=square][/list].
- Создание нумерованного списка
- Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте [list=1][/list] или [list=a][/list] для создания алфавитного списка. Как и в случае маркированного списка, элементы определяются с помощью [*]. Например:
[list=1]
[*]Пойти в магазин
[*]Купить новый компьютер
[*]Обругать компьютер, когда случится ошибка
[/list]
выдаст следующее:- Пойти в магазин
- Купить новый компьютер
- Обругать компьютер, когда случится ошибка
[list=a]
[*]Первый возможный ответ
[*]Второй возможный ответ
[*]Третий возможный ответ
[/list]
что выдаст- Первый возможный ответ
- Второй возможный ответ
- Третий возможный ответ
Создание ссылок
- Ссылки на другой сайт
- В BBCode поддерживается несколько способов создания URL'ов.
- Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на phpBB.com вы могли бы использовать:
[url=https://www.phpbb.com/]Посетите phpBB![/url]
Это создаст следующую ссылку: Посетите phpBB! Учтите, что ссылка будет открываться в том же или в новом окне, в зависимости от настроек браузера пользователя. - Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:
[url]https://www.phpbb.com/[/url]
Это выдаст следующую ссылку: https://www.phpbb.com/ - Кроме того, phpBB поддерживает возможность, называемую Автоматические ссылки, это переведёт любой синтаксически правильный URL в ссылку без необходимости указания тегов и даже префикса http://. Например, ввод www.phpbb.com в ваше сообщение приведёт к автоматической выдаче www.phpbb.com при просмотре сообщения.
- То же самое относится и к адресам email, вы можете либо указать адрес в явном виде:
[email]no.one@domain.adr[/email]
что выдаст no.one@domain.adr, или просто ввести no.one@domain.adr в ваше сообщение, и он будет автоматически преобразован при просмотре.
[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/url][/img]
неверно, что может привести к последующему удалению вашего сообщения, так что будьте аккуратнее. - Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на phpBB.com вы могли бы использовать:
Показ изображений в сообщениях
- Добавление изображения в сообщение
- BBCode включает тег для добавления картинки в ваше сообщение. При этом следует помнить две очень важные вещи: во-первых, многих пользователей раздражает большое количество изображений, во-вторых, ваше изображение уже должно быть размещено в интернете (т. е. оно не может быть расположено только на вашем компьютере, если, конечно, вы не запустили на нём веб-сервер!). На данный момент нет возможности хранить изображения локально на phpBB (ожидается, что это ограничение будет снято в следующей версии phpBB). Для вывода изображения вы должны окружить его URL тегами [img][/img]. Например:
[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img]
Как указано в предыдущем пункте, вы можете заключить изображение в теги [url][/url], то есть
[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]
выдаст:
- Добавление вложений в сообщение
- Теперь вложения могут быть помещены в любой части сообщения при помощи нового тега BBCode [attachment=][/attachment], если вложения разрешены администратором конференции и если вы имеете необходимые права доступа. На странице размещения сообщения находится выпадающий список (соответственно кнопка) для размещения вложений в сообщении.
Прочее
- Могу ли я добавить собственные теги?
- Если вы являетесь администратором этой конференции и имеетe достаточные права, то можете добавить новые теги BBCode в администраторском разделе.
Advanced BBCode Box
- Шрифт
- [font=Comic Sans MS]текст[/font]
Пример:
[font=Comic Sans MS]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/font]
Результат:
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Выделение маркером
- [highlight=yellow]текст[/highlight] Подсказка: цвет можно указать в системе RGB — #FF0000
Пример:
[highlight=yellow]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/highlight]
Результат:
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Выравнивание
- [align=center|left|right|justify]текст[/align] Подсказка: center — по центру, left — по левому краю, right — по правому краю, justify — по ширине
Пример:
[align=center]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/align]
Результат:В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Расположение
- [float=left|right]текст[/float] Подсказка: left — слева с обтеканием, right — справа с обтеканием
Пример:
[float=right]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/float]
Результат:В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Зачёркнутый текст
- [s]текст[/s]
Пример:
[s]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/s]
Результат:
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Подстрочный текст
- [sub]текст[/sub]
Пример:
[sub]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/sub] В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
Результат:
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр! В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Надстрочный текст
- [sup]текст[/sup]
Пример:
[sup]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/sup] В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
Результат:
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр! В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Светящийся текст
- [glow=цвет]текст[/glow]
Пример:
[glow=red]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/glow]
Результат:
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Размытая тень
- [shadow=цвет]текст[/shadow]
Пример:
[shadow=blue]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/shadow]
Результат:
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Чёткая тень
- [dropshadow=цвет]текст[/dropshadow]
Пример:
[dropshadow=blue]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/dropshadow]
Результат:
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Размытый текст
- [blur=цвет]текст[/blur]
Пример:
[blur=blue]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/blur]
Результат:
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Мигающий текст
- [fade]текст[/fade]
Пример:
[fade]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/fade]
Результат:
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Предварительно отформатированный текст
- [pre]текст[/pre]
Пример:
[pre]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр! В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/pre]
Результат:В чащах юга жил бы цитрус? Да, но фальшивый экземпляр! В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Направление текста
- [dir=ltr|rtl]текст[/dir] Подсказка: ltr — слева направо, rtl — справа налево
Пример:
[dir=rtl]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/dir]
Результат:
В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- Прокрутка текста
- [marq=up|down|left|right]текст[/marq] Подсказка: up — вверх, down — вниз, left — влево, right — вправо
Пример:
[marq=left]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/marq]
Результат:
- Спойлер
- [spoil]текст[/spoil]
Пример:
[spoil]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/spoil]
Результат:► Показать
- Скрытый от гостей текст
- [hidden]текст[/hidden]
Пример:
[hidden]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/hidden]
Результат:
- Сообщение не по теме
- [offtopic]текст[/offtopic]
Пример:
[offtopic]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/offtopic]
Результат:Не по темеВ чащах юга жил бы цитрус? Да, но фальшивый экземпляр!
- NFO ASCII-арт
- [nfo]текст[/nfo]
Пример:
[nfo]༼ つ ◕_◕ ༽つ ʕ•ᴥ•ʔ ¯\_(ツ)_/¯[/nfo]
Результат:༼ つ ◕_◕ ༽つ ʕ•ᴥ•ʔ ¯\_(ツ)_/¯
- Видео с сайта
- [bbvideo]http://video_url[/bbvideo]
Пример:
[bbvideo]http://www.youtube.com/watch?v=sP4NMoJcFd4[/bbvideo]
Результат: