Справка по BBCode
Введение
BBCode позволяет вам размещать отформатированные сообщения даже если вам запрещена вставка HTML кодов в ваших сообщениях. BBCode изначально был разработан для форумного движка PHPBB.
Как гласит терминология BBCode, вы используете "теги" чтобы форматировать свой текст. Каждый тег заключен в квадратные скобки т.е. [ и ] . Если необходимо применить форматирование к целой части текста, то этот текст помещается между этими тегами, но уже необходимо использовать открывающие теги и закрывающие теги. Закрывающие теги начинаются с [/, что вы можете увидеть в примерах, размещенных чуть ниже. Если вы опечатались или забыли закрыть тег, то в сообщении будет не такое форматирование, какое вы ожидали.
Простое форматирование текста
BBCode позволит вам сделать некоторые части вашего текста отличными и выделяющимися от другого текста например, можно использовать теги [b] - Полужирное начертание, [i] - наклонное, [u] - подчернуть текст и [s] - зачеркнуть тескт. Также можно использовать теги: [color], [size] и [font] которые позволят вам задать цвет, размер и шрифт текста заключенного в эти теги. Последние три тега требуют ввода параметров тега (какой цвет, каков размер и что за шрифт) которые идут после знака равно в открывающем теге (пример чуть ниже). Повторять парметр в закрывающем теге не нужно!
Для указания цвета текста вы можете использовать наиболее распространенные названия цветов на английском языке (red, blue, green, white, и т.д.) или же использовать представление текста как принято в разметке HTML (#CDCDCD, #FFFFFF, и т.д.) as the . Тег [size] даст вам возможность указать размер шрифта от 6 до 48, 6 - это самый маленький размер, 48 - самый большой. Что касается тега [font], то он позволяет указать какой шрифт использовать при разметке текста, например Arial, Arial Black, Courier, Courier New, Helvetica, Impact, Times New Roman, Verdana и др.
| bb-код | результат разметки |
| Я [b]хочу[/b] выходной | Я хочу выходной |
| Дмитрий сказал, что мы [i]должны[/i] ему ответить | Дмитрий сказал, что мы должны ему ответить |
| Я [u]не хочу[/u] спать | Я не хочу спать |
| Исправь слово [s]малоко[/s] на молоко | Исправь слово малоко на молоко |
| Я люблю [color=blue]синий[/color] цвет | Я люблю синий цвет |
| Это цвет [color=#FF0000]леса[/color] | Это цвет леса |
| Он сказал: [size=30]Привет![/size] | Он сказал: Привет! |
| Она сказала: [font=Courier]Привет ![/font] | Она сказала: Привет? |
Создание Ссылок
У вас несколько вариантов для указания ссылок в тексте.
URL-ссылки размещенные в тексте, которые начинаются с "www" или "ftp" (на пример: www.образец.com) будут автоматически преобразованы в ссылки. Вы также можете использовать тег [url] с параметром, чтобы указать текст ссылки если не указать этот параметр, то в качестве текста ссылки будет выведена сама ссылка.
E-mail адреса в сообщениях также автоматически преобразовываются в ссылки. Но для большей совместимости стандартам BBCode, тег [email] также присутствует.
| bb-код | что получим |
| Для примеров, посетите www.example.com | Для примеров, посетите www.example.com |
| Для примеров, посетите http://example.com | Для примеров, посетите http://example.com |
| Если есть вопросы по этой теме, то пишите на joe@example.com | Если есть вопросы по этой теме, то пишите на joe@example.com |
| Если есть вопросы по этой теме, то пишите на [email]joe@example.com[/email] | Если есть вопросы по этой теме, то пишите на joe@example.com |
| Для примеров [url=http://example.com/]the example site[/url] | Для примеров the example site |
| Для примеров [url]http://example.com/[/url] | Для примеров http://example.com/ |
Изображения
Тег [img] позволяет вам размещать изображения в ваших сообщениях. Вы должны ввести адресс (ссылку) изображения, т.е. изображение уже должно быть размещено в сети интернет. Не вставляйте большие рисунки в сообщения, так как это может привести к очень долгой загрузке вашего сообщения у других людей!
Если вы заключите ссылку на рисунок в тег [img], то эта конструкция будет на выводе заменена на рисунок. На пример Снимок экрана: [img]http://example.com/screenshot.png[/img] покажет изображение снимка экрана (если указанный файл существует).
Вы также можете указать предпочитаемые размеры для отображения рисунка просто добавив несколько параметров к тегу [img]. Снимок экрана: [img=640x480]http://example.com/screenshot.png[/img] такой код покажет ваш рисунок в размере 640x480 (но все равно рисунок будет загружен полностью). Не используйте такой прием, чтобы сделать предварительный просмотр для больших рисунков!
You are free to link an image to an external destination by enclosing the [img] tag with a [url] tag: See [url=http://example.com][img]http://example.com/screenshot.png[/img][/url].
Ordered and unordered lists
The simplest list type is the unordered list, which means that there is no numbering applied to the elements. You can make such a list by enclosing the list elements in [list] opening and closing tags. Specify the start of one element with the [*] list element marker, which has no closing tag pair.
To create an ordered list, you should add a parameter to the [list] list tag specifying what type of ordered list you would like to see. The possible parameters are "i", "I", "1", "a", "A", "c", "d" and "s" which all correspond to the display of the first list element.
| usage | display |
I love [list] [*]Oranges [*]Apples [*]Bananas [/list] | I love |
I love [list=I] [*]Oranges [*]Apples [*]Bananas [/list] | I love - Oranges
- Apples
- Bananas
|
I love [list=1] [*]Oranges [*]Apples [*]Bananas [/list] | I love - Oranges
- Apples
- Bananas
|
Fixed-width text and block formatting
You can use the [code] tag to add an inline fixed-width formatted part or to add a block of (usually program) code. If there is any newline present between the opening and closing tags, then a block will be displayed.
Similarly, the [php] tag can be used to post PHP code. PHP code will automatically be syntax highlighted for easier readability.
| usage | display |
| Edit your [code]robots.txt[/code] file | Edit your robots.txt file |
An HTML title example:
[code]
<head>
<title>Page Title</title>
</head>
[/code] | An HTML title example:
<head>
<title>Page Title</title>
</head>
|
Some PHP code:
[php]
<?php
function hello()
{
echo "Hello World!";
}
?>
[/php] | Some PHP code:
<?php
function hello()
{
echo "Hello World!";
}
?>
|
Text and block alignment
You can also set the alignment of the text by using [left], [right] and [center] tags. The [float] tag can be used to place floating boxes in the text (especially handy for images). You can specify the direction of the floating with [float=left] and [float=right]. The [justify] tag can be used justify text on both sides of the page.
Other supported tags
It is possible to quote something that has already been posted, by just putting [quote][/quote] tags around it. To quote a specific person, use something like [quote=John]. Quote tags can be nested.
The [sub] and [sup] tags can be used to add subscript and superscript text. For example, H[sub]2[/sub]O gives H2O, while X[sup]3[/sup] gives X3.
The [acronym] tag allow you to identify text as an acronym and provide a description when users move their mouse over the tag. For example, [acronym=Structured Query Language]SQL[/acronym] produces SQL.
The [abbr] tag allow you to identify text as an abbreviation and provide a description when users move their mouse over the tag. For example, [abbr=World Wide Web]WWW[/abbr] produces WWW.
The [notag] tags prevent text inside the tags from being parsed. This allows you to give examples of BBcode and not have it converted to HTML. For example: [notag]These [b]tags[/b] are not rendered[/notag] will produce "These [b]tags[/b] are not rendered".
The [hr] tag draws a horizontal line across the page. Handy for separating chunks of text.
Using multiple formatting tags
You can apply more than one formatting specification to a portion of some text. I was at [b][i]the coast[/i][/b] will be rendered as I was at the coast.
Make sure that you take care of the proper order of the opening and closing tags. You should close the tags in the opposite order in which you opened them. Otherwise you might get very strange rendering results. Also check your post with the preview function before submitting it, in case there are formatting errors due to improper BBCode usage.
Russian 
English
