Классический форум-трекер
canvas not supported
Нас вместе: 4 232 317
Руководства по трекеру
Ознакомтесь с разделом ЧаВо (FAQ)
А также с темами: Как качать? / Работа с клиентом µTorrent / Работа с клиентом BitSpirit

Руководство по BBCode на форуме
Вступление
Что такое BBCode?

Форматирование текста
Как сделать текст жирным, наклонным, подчёркнутым или зачеркнутым
Как изменить цвет или размер текста
Как изменить шрифт текста
Теги выравнивания
Другие теги
Могу ли я комбинировать теги?

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

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

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

Показ картинок в сообщениях
Добавление картинки в сообщение
Как изменить размер рисунка?

Вставка youtube роликов в сообщение
Вставка роликов в обычном качестве
Вставка роликов в высоком качестве
Вставка роликов с миниатюрой, компактный размер

Использование спойлеров
Вставка спойлера

Создание таблиц
Для чего используются теги [table] и [/table]?
Что делает тег [mrow]?
Что делает тег [mcol]?
Что делает тег [row]?
Что делает тег [col]?
Необходимо ли добавлять закрывающий тег для тегов [mrow], [mcol], [row], или [col]?
Какие другие атрибуты ячеек?

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

 

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

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

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

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

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

    станет Доброе утро
  • Курсив делается тегами [i][/i], например:

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

    выдаст Это круто!
  • Перечёрекнутый текст делается тегами [s][/s], например:

    [s]Здорово[/s]

    станет Здорово

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

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

    или

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

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

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

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

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

    [size=24]ЗДОРОВЫЙ![/size]

    будет ЗДОРОВЫЙ!

Вернуться к началу
Как изменить шрифт текста
Для изменения шрифта используется тег [font="А"][/font] где А принимает следующие значения:
  • "Arial"
  • "Times New Roman"
  • "Georgia"
  • "Serif"
  • "Sans-Serif"
  • "Comic Sans MS"
  • "Courier New"
  • "monospace"
например код

это обычный текст,[font="Courier New"] а этот текст отформатирован[/font]

выведет

это обычный текст, а этот текст отформатирован


Вернуться к началу
Теги выравнивания
  • Тег [center][/center] используеться для выравнивания любого елемента сообщения, будь то рисунок, текст, таблица или YouTube видео. например:

    [center]Любой объект сообщения[/center]

    выведет

    Любой объект сообщения


  • Тег [align=A][/align] используеться для выравнивания текста. A может иметь следующие значения: "left", "center", "right" и "justify"

    [align=left]Слева[/align]
    [align=center]По центру[/align]
    [align=right]Справа[/align]
    [align=justify]По ширине[/align]

    выдаст

    СлеваПо центруСправаПо ширине

Вернуться к началу
Другие теги
  • Тег [br] используется для перехода на новую строку, например

    Первая строка[br]Вторая строка

    выведет

    Первая строка
    Вторая строка

  • Тег [hr] вставляет горизонтальную разделительную линию, например

    Блок1[hr]Блок2

    выдаст

    Блок1
    Блок2

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

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

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

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

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

А также, примите во внимание:
  • 1. Перед использованием тега спойлера, предыдущие открытые теги должны быть закрыты.
    Вернуться к началу

  • Цитирование и вывод форматированных текстов
    Цитирование при ответах
    Есть два способа процитировать текст, со ссылкой и без.
    • Когда вы используете кнопку «Ответить с цитатой» для ответа на сообщение, то его текст добавляется в поле ввода окружённым блоком [quote=""][/quote]. Этот метод позволит вам цитировать со ссылкой на автора, либо на что-то ещё, что вы туда впишете. Например для цитирования отрывка текста, написанного Mr. Blobby, вы напишете:

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

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

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

    [code]echo "This is some code";[/code]

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

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

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

    Это выдаст такой список:
    • Красный
    • Синий
    • Жёлтый

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

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

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

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

    что выдаст
    1. Первый возможный ответ
    2. Второй возможный ответ
    3. Третий возможный ответ
    Для списка с римской нумерацией используйте:

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

    что выдаст
    1. Первый возможный ответ
    2. Второй возможный ответ
    3. Третий возможный ответ

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

    Создание ссылок
    Ссылки на другой сайт
    В BBCode поддерживается несколько способов создания URL'ов.
    • Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на nnm-club.me вы могли бы использовать:

      [url=http://nnm-club.me/]Посетите NNM-Club![/url]

      Это создаст следующую ссылку: Посетите NNM-Club! Ссылка на сторонний сайт будет открываться в новом окне, так что пользователь сможет продолжать читать форумы.
    • Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:

      http://nnm-club.me

      Это выдаст следующую ссылку: http://nnm-club.me
    • Ссылки на сторонние сайты открываются в новом окне, внутренние ссылки, в том же.
    • К адресам e-mail, вы можете либо указать адрес в явном виде:

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

      что выдаст no.one@domain.adr или просто ввести no.one@domain.adr в ваше сообщение, и он будет автоматически преобразован при просмотре.
    Как и со всеми прочими тегами BBCode, вы можете заключать в URL'ы любые другие теги, например [img][/img] (см. следующий пункт), [b][/b] и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас, например:

    [url=http://nnm-club.me/][img]http://nnm-club.me/images/logo.gif[/url][/img]

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

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

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

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

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

    выдаст:



    Вернуться к началу
    Как изменить размер рисунка?
    Атрибуты "width=" и "height=" используются для изменения размера отображения рисунков.
    Значения "width=" и "height=" по умолчанию установлены на реальный размер рисунка.
    NB: циферные значения соответствуют высоте и ширине рисунка в пикселях.
    NB2: эти атрибуты не изменяют сам рисунок, а всего-лишь вписывают его в прямоугольник заданных размеров, каким-либо образом деформируя его.

    К примеру:

    [img width=100]http://nnm-club.me/forum/images/avatars/1016332956492602f628d0a.jpg[/img]
    [img height=50]http://nnm-club.me/forum/images/avatars/1016332956492602f628d0a.jpg[/img]




    Так же возможно комбинировать эти теги:

    К примеру:

    [img width=100 height=50]http://nnm-club.me/forum/images/avatars/1016332956492602f628d0a.jpg[/img]


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

    Вставка youtube роликов в сообщение
    Вставка роликов в обычном качестве
    Тег [youtube][/youtube] используется для вставки YouTube видео в сообщения.

    Например:

    [youtube]https://www.youtube.com/watch?v=G_SBPZ_pdv4[/youtube]


    Вернуться к началу
    Вставка роликов в высоком качестве
    Параметр =high тега [youtube][/youtube] используется для вставки роликов высокого качества YouTube в сообщения.

    Например:

    [youtube=high]https://www.youtube.com/watch?v=-Mz7h-VWRR8[/youtube]



    Вернуться к началу
    Вставка роликов с миниатюрой, компактный размер
    Используйте тег [yt][/yt] ссылка на YouTube заключенная в этот тег, расположит миниатюру в форме сообщения, при клике на которую откроется окно с роликом без ухода со странички Клуба.

    Например:

    [yt]https://www.youtube.com/watch?v=TlNVJ4tzUSY[/yt]

    YouTube

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

    Использование спойлеров
    Вставка спойлера
    Тег [spoiler][/spoiler] используется для создание скрытого текста который можно просмотреть путём нажатия на спойлер. Также можно давать имя вашему спойлеру. В название спойлер нельзя использовать символы [ и ].
    Аналогично работает тег [hide][/hide]. Разница между тегами заключается в видимости содержимого спрятанного под тег Hide, в отличие от Spoiler, где содержимое не доступно гостям.

    Например:

    [spoiler]секретный документ[/spoiler]
    [spoiler=Название спойлера]ещё один секретный документ[/spoiler]


    Команда Shift + Click позволяет разом открыть или закрыть вложенные спойлеры.

    Важно!

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

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

    Создание таблиц
    Для чего используются теги [table] и [/table]?
    Теги [table] и [/table] используются для начала и окончания таблицы.
    С тега [table] начинается вся таблица, а тегом [/table] заканчивается.

    Вернуться к началу
    Что делает тег [mrow]?
    Тег [mrow] используется для новой заглавной строки (Centered, Bold text).
    NB: закрываюший тег [/mrow] не требуется.

    К примеру:

    [table][mrow]Main Row[/table]

    Как:

    Main Row

    Вернуться к началу
    Что делает тег [mcol]?
    Тег [mcol] используется для каждой новой колонки в заглавие (Centered, Bold text).
    NB: закрываюший тег [/mcol] не требуется.

    К примеру:

    [table][mrow]Main Row Column 1[mcol]Main Row Column 2[col]Main Row Regular Column[/table]

    Как:

    Main Row Column 1Main Row Column 2Main Row Regular Column

    Вернуться к началу
    Что делает тег [row]?
    Тег [row] используется для создания новой строки (plain, uncentered)
    NB: закрываюший тег [/row] не требуется.

    К примеру:

    [table][mrow]Main Row[row]Regular Row[/table]

    Как:

    Main Row
    Regular Row

    Вернуться к началу
    Что делает тег [col]?
    Тег [col] используется для создания новой колонки (plain, uncentered)
    NB: закрываюший тег [/col] не требуется.

    К примеру:

    [table][mrow]Main Row Column 1[mcol]Main Row Column 2[row]Regular Row Column 1[col]Regular Row Column 2[/table]

    Как:

    Main Row Column 1Main Row Column 2
    Regular Row Column 1Regular Row Column 2

    Вернуться к началу
    Необходимо ли добавлять закрывающий тег для тегов [mrow], [mcol], [row], или [col]?
    Нет, эти теги закрывать нет необходимости, главное не забывайте закрывающий тег [/table] в конце описания таблицы.
    Вернуться к началу
    Какие другие атрибуты ячеек?
    Вы можете использовать "color=" and "fontsize=" с любыми табличными тегами. Вы используете их в таком же смысле как и в HTML, разделяя их лишь пробелом. Поряд свойств не важен.


    Цвет

    Атрибут "color=" позволяет менять цвет фона.
    Вы можете указывать как распознаваемые имена цветов (red, blue, yellow, etc.) так и цвета в шестнадцатиричном представление (#FFFFFF, #000000, etc.)

    К примеру:
    [table color=blue][mrow color=green]Main Row Column 1[mcol color=red]Main Row Column 2[row color=#00FF00]Regular Row 1 Column 1[col color=#FF0000]Regular Row 1 Column 2[row]Regular Row 2 Column 1[col]Regular Row 2 Column 2[/table]
       Как:
    Main Row Column 1Main Row Column 2
    Regular Row 1 Column 1Regular Row 1 Column 2
    Regular Row 2 Column 1Regular Row 2 Column 2




    Размер шрифта

    Атрибут "fontsize=" используется для изменения размера текста.
    Значение "fontsize=" по умолчанию выставлено в тройку (3), к счастью, вы можете сменить его, используя атрибут "fontsize=" в теге [table].

    К примеру:
    [table fontsize=18][mrow fontsize=10]Main Row Column 1[mcol fontsize=14]Main Row Column 2[row fontsize=5]Regular Row 1 Column 1[col fontsize=28]Regular Row 1 Column 2[row]Regular Row 2 Column 1[col]Regular Row 2 Column 2[/table]
       Как:
    Main Row Column 1Main Row Column 2
    Regular Row 1 Column 1Regular Row 1 Column 2
    Regular Row 2 Column 1Regular Row 2 Column 2

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

    Прочее
    Могу ли я добавить собственные теги?
    Нет, по крайней мере, не в phpBB 2.0. Мы планируем добавить поддержку настраиваемых тегов BBCode в следующей версии
    Вернуться к началу

    Часовой пояс: GMT + 3

    Перейти: