Руководство по BBCode

Введение

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

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

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

• Чтобы сделать текст жирным, используйте следующие теги:

Код:

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

В результате получится: Привет

• Для подчеркивания:

Код:

[u] Добрый день[/u]

Результат: Добрый день

• Курсив делается так:

Код:

[i]Это круто![/i]

Результат: Это круто!

• Чтобы перечеркнуть текст, используйте следующие теги :

Код:

[strike]черновик[/strike]

Этот код выдаст: черновик

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

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

Код:

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

Результат: Привет! (red) или Привет! (#FF0000)

• Чтобы изменить размер шрифта, вы должны указать размер шрифта в пикселях, начиная от 1 (настолько маленький, что вы его не увидите) до 29 (очень большой). Например:

Код:

[size=9]маленький[/size] или [size=24]огромный[/size]

В результате получится: маленький или огромный

• Чтобы поменять шрифт текста, вы должны указать общепринятый шрифт (например, Verdana, Arial). Если у пользователя нет этого шрифта, будет показываться шрифт по умолчанию:

Код:

[font=Arial]Arial[/font] или [font=Comic Sans Ms]Comic Sans Ms[/font]

Результат: Arial или Comic Sans Ms

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

Код:

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

что выдаст: ПОСМОТРИТЕ НА МЕНЯ!
Однако мы не рекомендуем часто пользоваться такими вкладками! Учтите, что вы, автор сообщения, должны позаботиться о том, чтобы теги были правильно вложены.

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

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

• Для цитирования отрывка текста, написанного Ивановым, вы напишете:

Код:

[quote]То, что написал Иванов, должно быть вставлено сюда[/quote]

В результате у вас получится:
Иванов пишет:
То, что написал Иванов, должно быть вставлено сюда

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

• Второй метод позволяет вам что-то процитировать, не ссылаясь на автора, например:

Код:

[quote]Цитата без ссылки[/quote]

Результат:

Цитата без ссылки

Вывод кода или шрифта с фиксированным шагом
Если вам надо вывести строки кодов (HTML и других) или любые другие элементы, требующие использования шрифта с фиксированным шагом (например, Courier) вы должны использовать следующий код:

Код:

[code]"Это код"[/code]

Результат:

Код:

 "Это код"

Это как раз тот код, который мы используем в этой справке, для того чтобы показать вам все коды BBCode, которыми вы можете пользоваться.

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

Создание маркированного списка
BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером.

• Например, чтобы вывести свои любимые цвета, вы можете использовать :

Код:

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

Результат :

• Красный
• Синий
• Желтый

Создание упорядоченного списка
Второй тип списка позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания упорядоченного списка у вас есть два варианта :

• Нумерованный список :

Код:

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

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

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

• Алфавитный список :

Код:

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

что выдаст

1. Первый вариант ответа
2. Второй вариант ответа
3. Третий вариант ответа

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

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

• Первый способ, например для ссылки на forum2x2.ru :

Код:

[url=http://www.forum2x2.ru]Посетите forum2x2.ru![/url]

Это создаст следующую ссылку:Посетите forum2x2.ru!

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

Код:

[url]http://www.forum2x2.ru[/url]

Результат : https://www.forum2x2.ru

• Третий способ : наш сервис поддерживает функцию, называемую 'Автоматические ссылки', которая переводит любой синтаксически правильный URL в ссылку без необходимости указания тегов и даже префикса http://. Например, ввод

Код:

www.forum2x2.ru

в ваше сообщение приведет к автоматической выдаче www.forum2x2.ru при просмотре сообщения.

Ссылки на электронные адреса
Используются так же, как и ссылки на сайты, только в первом варианте надо ввести

Код:

[email]domohozyaushka@yandex.ru[/email]

или просто ввести domohozyaushka@yandex.ru в сообщение т адрес будет автоматически преобразован при просмотре в ссылку e-mail.

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

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

• Для вывода картинки вы должны использовать следующие теги :

Код:

[img]http://pic.ipicture.ru/uploads/090214/YQvSKn6ytT.jpg[/img]

Результат

• Вы можете, если хотите, поместить изображение под ссылку (проверьте хорошенько, в правильном ли порядке вы открыли и закрыли все теги), например:

Код:

[url=http://domohozyaushka.forum2x2.ru/][img]http://pic.ipicture.ru/uploads/090214/YQvSKn6ytT.jpg[/img][/url]

Результат

Тогда при клике на изображение будет открываться ссылка на данный ресурс.

Выравнивание (расположение) текста

Выравнивание (расположение) текста

Вам предлагается четыре варианта расположения текста:

• Выравнивание по левому краю:

Код:

[left]Текст слева[/left]

Результат :

• Выравнивание по центру:

Код:

[center]Текст по центру[/center]

Результат :

• Выравнивание по правому краю:

Код:

[right]Текст справа[/right]

Результат :

• Выравнивание по ширине:

Код:

[justify]BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. [/justify]

Результат :

Вставить в сообщение медиа

Добавить в сообщение флеш-анимацию
У вас есть два способа добавить анимацию флеш в ваше сообщение.

• Первый метод, с помощью кода BBCode flash:

Код:

[flash(200,40)]http://illiweb.com/fa/i/test_bbcode.swf[/flash]

Результат:

• Второй метод, с помощью кода BBCode embed-flash:

Код:

[embed-flash(200,40)]http://illiweb.com/fa/i/test_bbcode.swf[/embed-flash]

Результат:

Не забудьте указать ширину и высоту анимации флеш в скобках внутри используемого тега BBCode.

Добавить в сообщение видео
Вы можете добавлять в ваши сообщения видео, найденные на одном из двух поддерживаемых нами сайтов:

• Первый сайт: Youtube. Вы должны скопировать код, находящийся в поле Embed и ввести следующий код:

Код:

[youtube]код Embed[/youtube]

• Второй сайт : Dailymotion. Вы должны скопировать код, содержащийся в поле Lecteur Exportable и ввести следующий код:

Код:

[dailymotion]код Lecteur Exportable[/dailymotion]

Не забывайте помещать нужный код между тегами, соответствующими выбранному хостингу.

Создание таблиц

Создать таблицу в сообщении
Код BBCode для вставки таблицы в сообщение идентичен тегам, используемым в HTML. Чтобы создать таблицу, вы должны задать таблицу 'table' и определить строку 'tr'. Эта строка может содержать одну или несколько ячеек 'td', точто так же как сама таблица может содержать несколько строк 'tr'.

• Например, чтобы создать таблицу из двух строк и трех столбцов, вы должны сделать так:

Код:

[table] [tr][td] Строка 1 - Ячейка 1 [/td] [td] Строка 1 - Ячейка 2 [/td] [td] Строка 1 - Ячейка 3 [/td][/tr] [tr][td] Строка 2 - Ячейка 1 [/td] [td] Строка 2 - Ячейка 2 [/td] [td] Строка 2 - Ячейка 3 [/td][/tr][/table]

Результат :

Строка 1 - Ячейка 1	Строка 1 - Ячейка 2	Строка 1 - Ячейка 3
Строка 2 - Ячейка 1	Строка 2 - Ячейка 2	Строка 2 - Ячейка 3

• Вы также можете добавлять параметры в код 'table'. Они идентичны параметрам, используемым в HTML. Например, вы можете добавить к нашей таблице контур с помощью атрибута 'border'.

Код:

[table border=1] [tr][td] Строка 1 - Ячейка 1 [/td] [td] Строка 1 - Ячейка 2 [/td] [td] Строка 1 - Ячейка 3 [/td][/tr] [tr][td] Строка 2 - Ячейка 1 [/td] [td] Строка 2 - Ячейка 2 [/td] [td] Строка 2 - Ячейка 3 [/td][/tr][/table]

Результат:

Строка 1 - Ячейка 1	Строка 1 - Ячейка 2	Строка 1 - Ячейка 3
Строка 2 - Ячейка 1	Строка 2 - Ячейка 2	Строка 2 - Ячейка 3

* Примеры других возможных атрибутов: cellspacing, cellpadding, width, и т.д.

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

Прокрутка сообщения

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

Код:

[scroll]Мое сообщение[/scroll]

Результат:Мое сообщение

Вертикальная прокрутка сообщения
Второй способ прокрутки текста - вертикальная прокрутка с помощью следующего кода:

Код:

[updown]Мое сообщение[/updown]

Результат: Мое сообщение

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

Код:

Первая часть моего сообщения[hr]Вторая часть моего сообщения

Результат:
Первая часть моего сообщения

---

Вторая часть моего сообщения

Представить текст в виде нижнего или верхнего индекса
Для помещения элемента текста в нижний или верхний индекс (очень полезно для математиков), вам предлагается два кода.

• Для создания нижнего индекса :

Код:

x[sub]a+b[/sub]

Результат: x_a+b

• Для создания верхнего индекса:

Код:

1[sup]е[/sup] место

Результат : 1^е место

BBCode hide (скрытый)

HIDE предназначен для того, чтобы выкладываемые вами ссылки небыли видны для незарегистрированных пользователей.
Зарегистрированный участник сможет увидеть скрытую ссылку или текст только при условии написания хотя бы 1 сообщения в теме, в которой был использован BBCode hide.
Пример

Код:

[hide]http://domohozyaushka.forum2x2.ru/forum.htm[/hide]

Есть одна особенность при скрытии ссылки тегом hide. Вставив ссылку таким образо, как показано выше, вы получите некликабельную ссылку. Для того, чтобы по ссылке можно было перейти на ресурс, надо добавить тег URL

Код:

[hide][url=http://domohozyaushka.forum2x2.ru/forum.htm]http://domohozyaushka.forum2x2.ru/forum.htm[/url][/hide]

или дописать любое слово, например "Пройти"

Код:

[hide]Пройти http://domohozyaushka.forum2x2.ru/forum.htm[/hide]

Тег HIDE находится в панели редактирования формы ответа: ДРУГОЕ - СКРЫТЫЙ

BBCode spoiler (скрытый текст)

Предназначен в первую очередь для скрытия большого объёма текста (для удобства просмотра темы).

Пример

Код:

[spoiler]Домохозяйка, Домохозяюшка, Хозяйка своего Дома... Этот форум для Тебя. Все о доме и быте, семье и детях. Ведение хозяйства, бытовые хитрости и секреты, рекомендации и рецепты...[/spoiler]

Результат

Спойлер:

Тег spoiler находится в панели редактирования формы ответа: ДРУГОЕ - СКРЫТЫЙ ТЕКСТ