Что такое BBCode? — различия между версиями

Текущая версия на 16:12, 7 ноября 2016

Что такое BBCode?

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

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

Изменение стиля шрифта

BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:

• Чтобы сделать текст жирным, заключите его в [b][/b], например:
  

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

станет Привет

• В случае курсивного начертания используется [i][/i], например:

[i]Курсив[/i]

Курсив

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

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

станет Доброе утро

• Зачеркнутый текст получается при использовании [s][/s] или [del][/del]:

[s]перечеркнутый текст[/s] или [del]перечеркнутый текст[/del]

станет перечеркнутый текст

• Шрифт изменяется тегами [font[/font]:

[font="monospace"]Текст[/font]

Текст

Как изменить цвет или размер текста.

Для изменения цвета или размера шрифта могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):

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

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

оба способа дадут в результате Привет!

Использование 16-ричного кода позволяет создавать любые цвета

[color=color=#993399]Фиолетовый[/color]

Фиолетовый

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

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

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

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

[size=24]БОЛЬШОЙ![/size]

будет БОЛЬШОЙ!!

Горизонтальная линия

Для получения горизонтальной линии используем тег [hr]

[hr]

Могу ли я комбинировать теги?

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

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

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

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

[b][u]Это неверно[/b][/u]

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

Цитирование при ответах

Есть два способа процитировать текст, со ссылкой и без.

1. Цитирование сообщения с указанием ника его автора и ссылкой на само сообщение.
Когда вы используете кнопку "Цитировать" для ответа на сообщение, то его текст добавляется в поле ввода окружённым блоком [quote=""][qpost=NNN][/quote] (где NNN - номер цитируемого сообщения) . Этот метод позволит вам цитировать со ссылкой на автора, либо на что-то ещё, что вы туда впишете. Например для цитирования отрывка текста, написанного Mr. Blobby, вы напишете:

[quote="Mr. Blobby"]Текст Mr. Blobby будет здесь[/quote]

В результате перед текстом будут вставлены слова "Mr. Blobby написал:". Помните, вы должны поставить кавычки "" вокруг имени, они не могут быть опущены.

Mr. Blobby писал(а):

Примечание: Если вы хотите процитировать только часть сообщения - выделите нужный фрагмент мышкой и кликните на ник автора сообщения (над аватарой). Как альтернативный вариант - можно удалить часть из полной цитаты. Если текст в сообщении не был выделен - при клике на ник автора в ответ будет вставлен только его ник, выделенный жирным шрифтом.

2. Второй метод просто позволяет вам что-то процитировать.
Второй метод просто позволяет вам что-то процитировать. Для этого вам надо заключить текст в теги [quote][/quote]. При просмотре сообщения перед текстом будет стоять только слово "Цитата:"

Цитата:

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

Если вам надо вывести кусок программы или что-то, что должно быть выведено шрифтом фиксированной ширины (Courier) вы должны заключить текст в теги [code][/code], например

[code]http://rutracker.org/forum/viewtopic.php?t=211216[/code]

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

Код:

Скрытый текст.

Теги для скрытого текста [spoiler][/spoiler]

Если просто вставить текст [spoiler]внутри текст или ссылка[/spoiler] , то получится

<spoiler text="Скрытый текст"> внутри текст или ссылка</spoiler>

Если же вы желаете изменить название "скрытый текст" на что-нибудь другое , то вставьте нужный текст в кавычках в тег [spoiler="Нужный текст"]внутри текст или ссылка[/spoiler] , получим

<spoiler text="Нужный текст"> внутри текст или ссылка</spoiler>

Размешение текста на экране.

Для размещения текста на экране используются теги [align=...][/align]

Смещение влево [align=left]Текст будет смещен влево [/align]

Текст будет смещен влево

Расположение по центру [align=center]Текст будет расположен по центру экрана[/align]

Смещение текста вправо [align=right]Текст будет смещен вправо [/align]

Текст будет смещен вправо

Выравнивание текста [align=justify]Текст будет выравнен по ширине экрана. Выравнивание будет заметно, только если текст, заключенный в данный тэг достаточно большой ширины. [/align]

Текст будет выравнен по ширине экрана. Выравнивание будет заметно, только если текст, заключенный в данный тэг достаточно большой ширины.

Навигация по странице.

Если нужно сделать ссылку на начало, середину, конец или какую-либо другую часть сообщения, используются теги [name=N] и [url=#N][/url].
Например, вы хотите сделать в определённом месте ссылки на начало и конец страницы. Записываете в начале страницы [name=1], в конце — [name=2], в выбранном месте — [url=#1]В начало[/url], [url=#2]В конец[/url]. Получится:

В начало

В конец

Создание списков

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

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

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

Это выдаст такой список:

• Красный

• Синий

• Жёлтый

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

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

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

выдаст следующее:

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

Для алфавитного списка используйте:

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

что выдаст

a. Первый возможный ответ

b. Второй возможный ответ

c. Третий возможный ответ

Создание ссылок

Ссылки на другой сайт

В BBCode поддерживается несколько способов создания URL'ов.

Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на phpBB.com вы могли бы использовать:

[url=http://www.phpbb.com/]Посетите phpBB![/url]

Это создаст следующую ссылку: Посетите phpBB!. Ссылка будет открываться в новом окне, так что пользователь сможет продолжать читать форум.

Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:

[url]http://www.phpbb.com/[/url]

Это выдаст следующую ссылку: www.phpbb.com

Кроме того phpBB поддерживает возможность, называемую Автоматические ссылки, это переведёт любой синтаксически правильный URL в ссылку без необходимости указания тегов и даже префикса http://. Например, ввод www.phpbb.com в ваше сообщение приведёт к автоматической выдаче www.phpbb.com/при просмотре сообщения.

Ссылки на адреса

То же самое относится и к адресам e-mail, вы можете либо указать адрес в явном виде:

[email]no.one@domain.adr[/email]

что выдаст no.one@domain.adr или просто ввести no.one@domain.adr в ваше сообщение, и он будет автоматически преобразован при просмотре.

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

Добавление картинки в сообщение

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

[img]http://www.phpbb.com/images/phplogo.gif[/img]

Для смещения вправо ⇒ [img=right]ссылка на изображение[/img], при этом последующий текст будет располагаться рядом с картинкой. Если вы хотите расположить текст ниже изображения, вставьте тег [clear].

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

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/img][/url]

что позволит при нажатии на картинке левой клавишей мышки перейти по указанному адресу .

Как и со всеми прочими тегами BBCode, вы можете заключать в URL'ы любые другие теги, например [img][/img] , [b][/b] и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас, например:

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]

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

Тег "pre"

В распоряжении BBCode имеется тег pre, позволяющий делать логи EAC более читабельными. Тег является недокументированным. Особенность его состоит в том, что служебные символы и пробелы не выкидываются, сохраняется исходное форматирование (для nfo). Рекомендуемая область применения: лог EAC и nfo.

<spoiler text="Обычный лог EAC">

EAC extraction logfile from 10. September 2008, 21:02 for CD
Medwyn Goodall / Amun Ra

Used drive : IDE-DVD DROM6216 Adapter: 0 ID: 1
Read mode : Secure with NO C2, accurate stream, disable cache
Read offset correction : 738
Overread into Lead-In and Lead-Out : No

Used output format : C:\Program Files\FLAC\flac.exe (User Defined Encoder)
256 kBit/s
Additional command line options : -8 -V -T "ARTIST=%a" -T "TITLE=%t" -T "ALBUM=%g" -T "DATE=%y" -T "TRACKNUMBER=%n" -T "GENRE=%m" -T "COMMENT=EAC FLAC -8" %s

Other options :
Fill up missing offset samples with silence : Yes
Delete leading and trailing silent blocks : No
Installed external ASPI interface

Track 1
Filename D:\Flac Rips\01 - Amun Ra.wav

Pre-gap length 0:00:02.01

Peak level 94.7 %
Track quality 99.9 %
Test CRC CF046ACB
Copy CRC CF046ACB
Copy OK

Track 2
Filename D:\Flac Rips\02 - The Lost Pharoah.wav

Peak level 96.5 %
Track quality 100.0 %
Test CRC 1493FDB7
Copy CRC 1493FDB7
Copy OK

Track 3
Filename D:\Flac Rips\03 - Temples of the Sun.wav

Peak level 97.8 %
Track quality 100.0 %
Test CRC 609C14E0
Copy CRC 609C14E0
Copy OK

Track 4
Filename D:\Flac Rips\04 - Gold in the Sand.wav

Peak level 99.4 %
Track quality 100.0 %
Test CRC B341A313
Copy CRC B341A313
Copy OK

Track 5
Filename D:\Flac Rips\05 - Dance of Veils.wav

Peak level 85.1 %
Track quality 100.0 %
Test CRC 1D2730D1
Copy CRC 1D2730D1
Copy OK

Track 6
Filename D:\Flac Rips\06 - Sunspell.wav

Peak level 77.7 %
Track quality 100.0 %
Test CRC 0836D0D9
Copy CRC 0836D0D9
Copy OK

Track 7
Filename D:\Flac Rips\07 - Ra - single version.wav

Peak level 100.0 %
Track quality 100.0 %
Test CRC 90A71AFF
Copy CRC 90A71AFF
Copy OK

No errors occured

End of status report </spoiler>

<spoiler text="Лог EAC с использованием тега pre"> EAC extraction logfile from 10. September 2008, 21:02 for CD
Medwyn Goodall / Amun Ra

Used drive  : IDE-DVD DROM6216 Adapter: 0 ID: 1
Read mode  : Secure with NO C2, accurate stream, disable cache
Read offset correction : 738
Overread into Lead-In and Lead-Out : No

Used output format : C:\Program Files\FLAC\flac.exe (User Defined Encoder)

End of status report
</spoiler>

<spoiler text="nfo в виде текста">

──┤ iNFO─├─────────────┤ Give A Fuck Proudly Presents ├───────────────────────

ARTiST ..: Moonbeam And Tyler Michaud Feat Fisher
TITLE ...: Love Never Dies

GENRE ...: Trance
LABEL ...: High Contrast Nubreed Holland
CAT# ....: HCNB 008

SOURCE ..: WEB
URL .....: http://www.junodownload.com
ENCODER .: FLAC 1.2.1b
QUALITY .: LOSSLESS / 44.1kHz / Joint Stereo

SiZE ....: 128 MB
TRACKS ..: 03

┤ TRACKS ├────────────────────────────────────────────────────────────────────

01 Moonbeam And Tyler Michaud feat 07:37
Fisher - Love Never Dies
02 Moonbeam And Tyler Michaud feat 07:05
Fisher - Love Never Dies (Dub)
03 Moonbeam And Tyler Michaud feat 03:40
Fisher - Love Never Dies (Radio Edit)

18:22 min

─┤ NOTES ├────────────────────────────────────────────────────────────────────

ENJOY!

Like a release? Buy it!

─┤ GROUP ├────────────────────────────────────────────────────────────────────

GAF is here to bring you lossless and maybe some 320 mp3s. We certainly
aren't here here to race other groups. We just release what we like,
and that's that. If you've got a problem with that, then you can just
gtfo. </spoiler>

<spoiler text="nfo с использованием тега pre"> Файл:Pre2.jpg

──┤ iNFO─├─────────────┤ Give A Fuck Proudly Presents ├───────────────────────

</spoiler>

Для того чтобы использовать тег оформляйте свои спойлеры следующим образом

[spoiler="Лог EAC"][pre]Содержимое лога или nfo[/pre][/spoiler]

Могу ли я добавить собственные теги?

Нет, по крайней мере, не в phpBB 2.0.

Ссылки

• rutracker.wiki - источник (заблокировано РКН)