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

Вступление: Что такое BBCode?

Форматирование текста: Выделение текста жирным шрифтом - [B]; Выделение текста наклонным шрифтом - [i]; Подчеркивание текста - [u]; Изменение размера текста - [size]; Изменение цвета текста - [color]; Изменение вида шрифта - [Font]; Комбинирование тегов

Спец. символы и параграф: Переход на следующую строку - [Enter]; Вставка пробела - [Space]; Выравнивание текста - [Left], [Center], [Right], [Justify]

Размещение ссылок, музыки и флеша: Размещение ссылок - [URL]; Размещение изображений - [Img], [Imgtext]; Размещение музыкальных файлов [MP3]; Размещение флеш-роликов и флеш-игр [Flash]

Размещение видео-роликов с популярных ресурсов: Размещение видео с LiveInternet.ru - [Video_LI]; Размещение видео с ВКонтакте - [Video_VK]; Размещение видео с Mail.ru - [Video_mailru]; Размещение видео с RuTube - [Video_rutube]; Размещение видео с Yandex - [Video_yandex]; Размещение видео с YouTube - [Video_youtube]; Размещение ссылки на видео с YouTube - [Youtube_url=]

Дополнительные возможности: Цитирование текста - [quote]; Создание списков - [List],[*]; Вставка кода в сообщение - [Code]; Невидимый в сообщении текст - [Delete]; Свернутый текст - [Spoiler=]; Разделительная горизонтальная линия - [Line]; Бегущая строка - [Marquee]; Дополнительная помощь по разделу

Вступление

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

Для использования bb-кодов следует нажать на нужный код и ввести требуемые параметры. Для применения кодов к готовому тексту нужно выделить текст и применить к нему нужный код.; Вернуться к началу

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

Выделение текста жирным шрифтом - [B]: Тег [B] - чтобы сделать текст жирным, заключите его в тег:

[b]текст[/b]

Пример написания кода:
Сегодня [b]хорошая[/b] погода.

Полученный результат:
Сегодня хорошая погода.; Вернуться к началу

Выделение текста наклонным шрифтом - [i]: Тег [i] - чтобы сделать текст наклонным, заключите его в тег:

[i]текст[/i]

Пример написания кода:
Сегодня [i]хорошая[/i] погода.

Полученный результат:
Сегодня хорошая погода.; Вернуться к началу

Подчеркивание текста - [u]: Тег [u] - чтобы подчеркнуть текст, заключите его в тег:

[u]текст[/u]

Пример написания кода:
Сегодня [u]хорошая[/u] погода.

Полученный результат:
Сегодня хорошая погода.; Вернуться к началу

Изменение размера текста - [size]

Для изменения размера текста существует открывающееся меню с параметрами:

Нормальный
Мелкий
Маленький
Большой
Огромный

Можно также изменить размеры, прописав в тег [size] любое число.

Тег [size] - чтобы увеличить текст, заключите его в тег:

[size=размер шрифта]текст[/size]

Пример написания кода:

Сегодня [size=150]хорошая[/size] погода.

Полученный результат:

Сегодня хорошая погода.

Вернуться к началу

Изменение цвета текста - [color]: Для изменения цвета текста существует кнопка "Цвет шрифта". Можно нажать на эту кнопку и выбрать нужный цвет. Можно также задать цвет с помощью тега [color], написав английское название цвета (red, blue, yellow и т.п.) или указав его шестнадцатеричное значение (#FFFFFF, #990000 и т.п.)

Тег [color] - чтобы изменить цвет текста, заключите его в тег:

[color=цвет]текст[/color]

Пример написания кода:
Сегодня [color=red]хорошая[/color] погода.
Мы пойдем [color=#12830a]купаться[/color] на речку.

Полученный результат:
Сегодня хорошая погода.
Мы пойдем купаться на речку.; Вернуться к началу

Изменение вида шрифта - [Font]: Тег [Font] - чтобы изменить вид шрифта, заключите текст в тег:

[font=название фонта]текст[/font]

Пример написания кода:
Сегодня [font=ArtScript]хорошая[/font] погода.

Полученный результат:
Сегодня хорошая погода.; Вернуться к началу

Комбинирование тегов: Можно комбинировать различные теги и применять их к одной и той же фразе.

Пример написания кода:
Сегодня [b][i][color=green]хорошая[/color][/i][/b] погода. Мы пойдем [size=150][b][color=#8000FF]купаться[/color][/b][/size] на речку.

Полученный результат:
Сегодня хорошая погода. Мы пойдем купаться на речку.; Вернуться к началу

Спец. символы и параграф

Переход на следующую строку - [Enter]: Тег [Enter] - чтобы перенести текст на следующую строчку, нажмите на Enter или поставьте перед текстом, который нужно перенести, тег:

текст 1-й строки[enter][/enter]текст 2-й строки

Пример написания кода:
Сегодня хорошая[enter][/enter]погода.

Полученный результат:
Сегодня хорошая
погода.; Вернуться к началу

Вставка пробела - [Space]: Тег [Space] - чтобы поставить дополнительный пробел в тексте, используйте тег:

текст 1[space][/space]текст 2

Пример написания кода:
Сегодня [space][/space][space][/space] хорошая погода.

Полученный результат:
Сегодня хорошая погода.; Вернуться к началу

Выравнивание текста - [Left], [Center], [Right], [Justify]: Тег [Left] - чтобы выровнять текст по левому краю, заключите его в тег:

[left]текст[/left]

Пример написания кода:
[left]Сегодня хорошая погода.
Мы пойдем купаться на речку.
Еще мы будем загорать и играть в мяч.[/left]

Полученный результат:

Сегодня хорошая погода.
Мы пойдем купаться на речку.
Еще мы будем загорать и играть в мяч.

Тег [Center] - чтобы выровнять текст по центру, заключите его в тег:

[center]текст[/center]

Пример написания кода:
[center]Сегодня хорошая погода.
Мы пойдем купаться на речку.
Еще мы будем загорать и играть в мяч.[/center]

Полученный результат:

Сегодня хорошая погода.
Мы пойдем купаться на речку.
Еще мы будем загорать и играть в мяч.

Тег [Right] - чтобы выровнять текст по правому краю, заключите его в тег:

[right]текст[/right]

Пример написания кода:
[right]Сегодня хорошая погода.
Мы пойдем купаться на речку.
Еще мы будем загорать и играть в мяч.[/right]

Полученный результат:

Сегодня хорошая погода.
Мы пойдем купаться на речку.
Еще мы будем загорать и играть в мяч.

Тег [Justify] - чтобы сделать двустороннее выравнивание текста по левому и по правому краю, заключите его в тег:

[justify]текст[/justify]

Пример написания кода:
[justify]Сегодня хорошая погода.
Мы пойдем купаться на речку.
Еще мы будем загорать и играть в мяч.[/justify]

Полученный результат:

Сегодня хорошая погода. Мы пойдем купаться на речку. Еще мы будем загорать и играть в мяч.; Вернуться к началу

Размещение ссылок, музыки и флеша

Размещение ссылок - [URL]: Все ссылки URL должны начинаться с http://...
Вы можете просто опубликовать ссылку на сайт безо всяких тегов. Она будет кликабельна.

Тег [urlnew] - чтобы опубликовать ссылку, заключите ее в тег:

[urlnew]ссылка URL[/urlnew]

Тег [urlnew=] - чтобы опубликовать текстовую ссылку, используйте тег:

[urlnew=ссылка URL]текст[/urlnew]

Пример написания кода:
[urlnew]http://www.yandex.ru/[/urlnew]
[urlnew=http://www.yandex.ru/]ссылка на яндекс[/urlnew]

Полученный результат:
http://www.yandex.ru/
ссылка на яндекс; Вернуться к началу

Размещение изображений - [Img], [Imgtext]

1. Если Вы хотите разместить изображение со своего компьютера, воспользуйтесь опцией "Добавить файл". Обратите внимание, что максимальный размер загружаемых файлов не должен превышать 1 Мb. (Как уменьшить изображение, подробно описано здесь.)

2. Если Вы хотите разместить изображение из интернета, заключите ссылку на него в тег [Img]. Все ссылки должны начинаться с http://.... Максимальная ширина изображения из интернета не должна превышать 700 пикселей, а высота 800 пикселей. Если изображение, которое Вы хотите разместить, больше, скачайте его на свой компьютер и загрузите через опцию "Добавить файл".

Тег [Img] - чтобы опубликовать изображение из интернета, заключите ссылку на него в тег:

[img]ссылка URL на изображение[/img]

Пример написания кода:

[img]http://s001.radikal.ru/i193/1009/7d/c946ff7ca63f.jpg[/img]

Полученный результат:

Тег [Imgtext=] - чтобы поместить обтекаемое текстом изображение, используйте тег:

[imgtext=выравнивание]ссылка URL на изображение[/imgtext]

Все ссылки должны начинаться с http://...
Данную опцию можно использовать только с изображениями из интернета.

left - выравнивание картинки по левому краю
right - выравнивание картинки по правому краю

Пример написания кода:

[imgtext=left]http://s001.radikal.ru/i193/1009/7d/c946ff7ca63f.jpg[/imgtext] Все, конечно, знают, что замок этот не старинный, он построен по указанию баварского короля Людвига II. Начало строительства замка 1869 год, при жизни Людвига II замок завершен не был. Виды из окон замка открываются потрясающие. Интерьеры роскошные, яркие, сказочные.

Полученный результат:

Все, конечно, знают, что замок этот не старинный, он построен по указанию баварского короля Людвига II. Начало строительства замка 1869 год, при жизни Людвига II замок завершен не был. Виды из окон замка открываются потрясающие. Интерьеры роскошные, яркие, сказочные.

Вернуться к началу

Размещение музыкальных файлов [MP3]

Тег [MP3] - чтобы поместить музыкальный файл с расширением mp3 на форум, заключите ссылку на него в тег:

[mp3]ссылка URL на файл mp3[/mp3]

Все ссылки URL должны начинаться с http://...

Обратите внимание в названии закачиваемого файла НЕ ДОЛЖНО быть русских букв! Только английские.

Последовательность загрузки mp3 файла с Вашего компьютера:

Зайдите на сайт http://www.easyload.ru/
Нажмите на кнопку "Обзор"
Выберите файл mp3 на своем компьютере
Обратите внимание в названии закачиваемого файла НЕ ДОЛЖНО быть русских букв! Только английские.
Нажмите на кнопку "Закачать"
Дождитесь окончания загрузки 100%
Скопируйте в буфер (ctrl+c) ссылку для прямого скачивания (первую)
Она будет иметь примерно такой вид http://www.easyload.ru/get/?27990
Вернитесь на форум
Выберите из выпадающего меню "Дополнительные bb-коды" опцию MP3
Вклейте полученную ссылку в открывшееся окно (ctrl + v)
Нажмите на кнопку "ок"
Музыкальный файл успешно вставлен в сообщение

Пример написания кода:

[mp3]http://www.easyload.ru/get/?33072[/mp3]

Полученный результат:

Вернуться к началу

Размещение флеш-роликов и флеш-игр [Flash]: Тег [Flash] - чтобы поместить флеш-ролик/игру с расширением swf или flv на форум, заключите ссылку на него в тег:

[flash=ширина, высота]ссылка URL на ролик[/flash]

Все ссылки URL должны начинаться с http://...

Пример написания кода:
[flash=320,240]http://fast.onlineguru.ru/f/online/2/1/16/game.swf[/flash]

Полученный результат:; Вернуться к началу

Размещение видео-роликов с популярных ресурсов

Размещение видео с LiveInternet.ru - [Video_LI]: Тег [Video_LI] - чтобы поместить видео-ролик с сайта LiveInternet.ru, заключите ссылку на него в тег:

[video_li]ссылка URL на ролик[/video_li]

Обратите внимание! На LiveInternet.ru ссылка URL на ролик расположена в правом верхнем углу ролика над кнопкой <код/> в строке "ссылка на ролик" и начинается с http://...

Пример написания кода:
[video_li]http://www.liveinternet.ru/users/2937439/post100361197/play[/video_li]

Полученный результат:; Вернуться к началу

Размещение видео с ВКонтакте - [Video_VK]: Тег [Video_VK] - чтобы поместить видео-ролик с сайта ВКонтакте, заключите код на него в тег:

[video_vk]код на ролик[/video_vk]

Обратите внимание! На vk.com код на видео-ролик находится в кнопке "Поделиться" - "Получить код видео" на странице, где расположен ролик, внизу с левой стороны. Он начинается с тега <iframe...

Пример написания кода:
[video_vk]<iframe src="http://vk.com/video_ext.php?oid=136586857&id=162117029&hash=522543bebc669e68&hd=1" width="607" height="360" frameborder="0"></iframe>[/video_vk]

Полученный результат:; Вернуться к началу

Размещение видео с Mail.ru - [Video_mailru]: Тег [Video_mailru] - чтобы поместить видео-ролик с сайта mail.ru, заключите ссылку на него в тег:

[video_mailru]ссылка URL на ролик[/video_mailru]

Обратите внимание! На mail.ru ссылка URL на ролик - это URL на страницу, где расположен ролик. Он указан в браузере в строке адреса сверху и начинается с http://.... Также если Вы зарегистрированы на сайте mail.ru ссылку можно увидеть в кнопке "Опубликовать -> получить код -> URL".

Пример написания кода:
[video_mailru]http://video.mail.ru/mail/konadezda/3039/3045.html[/video_mailru]

Полученный результат:; Вернуться к началу

Размещение видео с RuTube - [Video_rutube]: Тег [Video_rutube] - чтобы поместить видео-ролик с сайта rutube.ru, заключите код на него в тег:

[video_rutube]код на ролик[/video_rutube]

Обратите внимание! На rutube.ru код на видео-ролик находится в кнопке "Код для блога" на странице, где расположен ролик, под роликом. Он начинается с тега <OBJECT...

Пример написания кода:
[video_rutube]<OBJECT width="470" height="353"><PARAM name="movie" value="http://video.rutube.ru/fd91a167373bc0f963cf3e51035b1f36"></PARAM><PARAM name="wmode" value="window"></PARAM><PARAM name="allowFullScreen" value="true"></PARAM><EMBED src="http://video.rutube.ru/fd91a167373bc0f963cf3e51035b1f36" type="application/x-shockwave-flash" wmode="window" width="470" height="353" allowFullScreen="true" ></EMBED></OBJECT>[/video_rutube]

Полученный результат:; Вернуться к началу

Размещение видео с Yandex - [Video_yandex]: Тег [Video_yandex] - чтобы поместить видео-ролик с сайта Yandex.ru, заключите код на него в тег:

[video_yandex]код на ролик[/video_yandex]

Обратите внимание! На yandex.ru код на видео-ролик находится в ссылке "Код для вставки на сайт или в блог" справа от ролика, самое верхнее поле. Он начинается с тега <iframe... Не используйте код для вставки, находящийся на самом видеоролике.

Пример написания кода:
[video_yandex]<iframe width="450" height="360" frameborder="0" src="http://video.yandex.ru/iframe/ograblenie/0uu4hbfjd6.404/"></iframe>[/video_yandex]

Полученный результат:; Вернуться к началу

Размещение видео с YouTube - [Video_youtube]: Тег [Video_youtube] - чтобы поместить видео-ролик с сайта YouTube.com, заключите ссылку на него в тег:

[video_youtube]ссылка URL на ролик[/video_youtube]

Обратите внимание! Прежде чем копировать ссылку URL, нужно нажать на кнопку "Поделиться", которая находится под роликом на сайте youtube.com и скопировать оттуда ссылку в адресную строку браузера. Нажмите Enter и дождитесь загрузки страницы с тем же роликом, но с новым URL адресом (эта ссылка URL будет заканчиваться буквами youtu.be). Именно этот новый адрес ролика, заканчивающийся на youtu.be, следует скопировать и поместить в код [video_youtube].

Пример написания кода:
[video_youtube]http://www.youtube.com/watch?v=-V67iVZ69jg&feature=youtu.be[/video_youtube]

Полученный результат:; Вернуться к началу

Размещение ссылки на видео с YouTube - [Youtube_url=]: Тег [Youtube_url=] - чтобы поместить ссылку на видео-ролик с сайта YouTube.com, приравняйте ссылку на него тегу:

[Youtube_url=ссылка URL на ролик]текст ссылки[/Youtube_url]

Обратите внимание! На youtube.com ссылка URL на ролик - это URL на страницу, где расположен ролик. Он указан в браузере в строке адреса сверху и начинается с http://...

Если ролик не вставляется, нажмите на кнопку "Поделиться", которая находится под роликом на сайте youtube.com. Скопируйте ссылку, указанную там, в адресную строку браузера и нажмите Enter. Дождитесь загрузки страницы с тем же роликом, но с новым адресом. Скопируйте новый адрес ролика из адресной строки и попробуйте поместить его в код [Youtube_url=].

Пример написания кода:
[Youtube_url=http://www.youtube.com/watch?v=hgFyjgiNeL4]ссылка на ролик[/Youtube_url]

Полученный результат:
ссылка на ролик; Вернуться к началу

Дополнительные возможности

Цитирование текста - [quote]: Чтобы процитировать кого-то в сообщении, выделите текст, который Вы хотите процитировать, и нажмите на кнопку "Цитата". Нажатие на эту кнопку без выделения текста не приведет ни к каким действиям. Можно также цитировать текст (например, с другого ресурса), заключив его в тег quote.

Тег [quote] - чтобы процитировать текст, заключите его в тег:

[quote]цитата, любой текст[/quote]

Пример написания кода:
[quote]Сегодня хорошая погода.[/quote]

Полученный результат:

Сегодня хорошая погода.

Тег [quote=] - чтобы процитировать текст с указанием автора, приравняйте к тегу его ник в кавычках:

[quote="Ник"]цитата, любой текст[/quote]

Пример написания кода:
[quote="Пушкин"]Сегодня хорошая погода.[/quote]

Полученный результат:

Пушкин писал(а):Сегодня хорошая погода.; Вернуться к началу

Создание списков - [List],[*]

Тег [List] - чтобы создать список, используйте тег:

[list]список[/list]

Тег [*] - чтобы обозначить пункт списка, используйте внутри списка тег:

[*]текст

Пример написания кода:

[list] Расписание на завтра:
[*] Купить продукты
[*] Выучить уроки
[*] Заняться спортом
[*] Убрать в комнате
[/list]

Полученный результат:

Купить продукты
Выучить уроки
Заняться спортом
Убрать в комнате

Тег [List=] - чтобы создать пронумерованный список, используйте тег:

[list=вид нумерации]список[/list]

Вид нумерации может быть:

list=1 - цифры: 1, 2, 3, 4, 5
list=a - маленькие латинские буквы: a, b, c, d, e
list=A - большие латинские буквы: A, B, C, D, E
list=i - маленькие римские цифры: i, ii, iii, iv, v
list=I - большие римские цифры: I, II, III, IV, V

Пример написания кода:

[list=a] Расписание на завтра:
[*] Купить продукты
[*] Выучить уроки
[*] Заняться спортом
[*] Убрать в комнате
[/list]

Полученный результат:

Купить продукты
Выучить уроки
Заняться спортом
Убрать в комнате

Пример написания кода:

[list=1] Расписание на завтра:
[*] Купить продукты
[*] Выучить уроки
[*] Заняться спортом
[*] Убрать в комнате
[/list]

Полученный результат:

Купить продукты
Выучить уроки
Заняться спортом
Убрать в комнате

Вернуться к началу

Вставка кода в сообщение - [Code]

Тег [Code] - чтобы вывести bbcode, программный код или любой скрипт в теле сообщения, заключите его в тег:

[code]код/скрипт[/code]

Пример написания кода:

[code]<param name="allowFullScreen" value="true"/><br/>
<param name="scale" value="noscale"/>[/code]

Полученный результат:

Код: Выделить всё: <param name="allowFullScreen" value="true"/> <param name="scale" value="noscale"/>

Вернуться к началу

Невидимый в сообщении текст - [Delete]: Тег [Delete] - чтобы в сообщении не выводилась часть текста, заключите его в тег:

[delete]текст[/delete]

Данный текст будет виден только при редактировании сообщения.

Пример написания кода:
Сегодня [delete]хорошая[/delete] погода.

Полученный результат:
Сегодня погода.; Вернуться к началу

Свернутый текст - [Spoiler=]: Тег [Spoiler=] - чтобы свернуть текст с помощью спойлера, заключите его в тег:

[spoiler=заголовок]текст[/spoiler]

Пример написания кода:
[spoiler=Мои наблюдения]
Сегодня хорошая погода.
Птицы летают высоко.
Небо синее-синее...
[/spoiler]

Полученный результат:

Мои наблюдения

Сегодня хорошая погода.
Птицы летают высоко.
Небо синее-синее...; Вернуться к началу

Разделительная горизонтальная линия - [Line]: Тег [Line] - чтобы поместить в сообщение разделительную горизонтальную линию, используйте тег:

[line][/line]

Пример написания кода:
Сегодня хорошая погода.
[line][/line]
Мы пойдем купаться на речку.

Полученный результат:

Сегодня хорошая погода.

Мы пойдем купаться на речку.; Вернуться к началу

Бегущая строка - [Marquee]: Тег [Marquee] - чтобы поместить в сообщение бегущую строку, используйте тег:

[marquee]содержимое[/marquee]

Содержимое может включать в себя текст, картинки, смайлики и т.д.

Пример написания кода:
[marquee]Сегодня хорошая погода.[/marquee]

Полученный результат:
Сегодня хорошая погода.; Вернуться к началу

Дополнительная помощь по разделу: В данной теме Вы найдете еще много интересного и познавательного.; Вернуться к началу