Форматирование текста Как выделить текст: жирный, наклонный, подчёркнутый, зачеркнутый Как изменить цвет или размер текста Создание маркированного и нумерованного списков Выравнивание объектов Изображение в тексте Вставка горизонтальной линии в сообщение Изменение стиля шрифта Создание ссылок Ссылки Показ изображений в сообщениях Добавление изображения в сообщение Вставка изображения с выбором размера |
Цитирование и вывод форматированных текстов Цитирование при ответах Добавление спойлера в сообщение Построение таблиц Таблицы Информация и изображения монстров Информация о монстре Изображения монстров Оформление текста Текст с тенью Двух/трёхцветный текст Подсказка в тексте |
Как выделить текст: жирный, наклонный, подчёркнутый, зачеркнутый
BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:
- Чтобы сделать текст жирным, заключите его в
[b][/b]
, - Для подчёркивания используйте
[u][/u]
, - Курсив делается тегами
[i][/i]
, - Для зачеркнутого текста используйте
[s][/s]
.
Как изменить цвет или размер текста
Для изменения цвета или размера шрифта могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):
- Цвет текста можно изменить, окружив его
[color=][/color]
. Вы можете указать либо известное имя цвета (red, blue, yellow и т.п.), или шестнадцатиричное представление, например #FFFFFF, #000000. - Изменение размера достигается аналогичным образом при использовании
[size=][/size]
. Этот тег зависит от используемых шаблонов, рекомендуемый формат — число, показывающее размер текста в процентах, от 20% (очень маленький) до 200% и даже 300% (очень большой) от размера по умолчанию.
Создание маркированного и нумерованного списков
BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML.
- В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте
[list][/list]
и определите каждый элемент при помощи[*]
. - Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте
[list=1][/list]
или[list=a][/list]
(где а – латинская) для создания алфавитного списка. Как и в случае маркированного списка, элементы определяются с помощью[*]
.
Выравнивание объектов
Для выравнивания текста, изображений, вложений и других объектов используются 4 специальных тега:
- Выравнивание по центру
[align=center][/align]
- Выравнивание по левому краю
[align=left][/align]
- Выравнивание по правому краю
[align=right][/align]
- Предварительно отформатированный текст
[pre][/pre]
даёт возможность учитывать несколько одновременных пробелов между текстом
Изображение в тексте
Для размещения картинки в тексте можно использовать такие теги:
- Для размещения картинки слева/справа от текста:
[float=сторона][img]ссылка_на_изображение[/img][/float] текст
Вставка горизонтальной линии в сообщение
Для разделения текста на смысловые блоки можно использовать горизонтальную линию:
[hrc=цвет]толщина[/hrc]
Изменение стиля шрифта
Для изменения стиля шрифта можно воспользоваться данными тегами:
[font=][/font]
- использование форумных шрифтов[gfont=][/gfont]
- использование гугл шрифтовНазвание стилей можно копировать тут: https://www.google.com/fonts
Важно: некоторые стили не поддерживают русскую раскладку, проверяйте
Ссылки
В BBCode поддерживается несколько способов создания ссылок.
- Первый из них использует тег
[url=][/url]
, после знака = должна идти необходимая ссылка. Учтите, что ссылка будет открываться в том же или в новом окне, в зависимости от настроек браузера пользователя. - Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, необходимо использовать тег
[url][/url]
, а между тегами указать нужную ссылку. - Кроме того, конференция поддерживает возможность, называемую Автоматические ссылки, это переведёт любой синтаксически правильную текст в ссылку. Например, ввод httр://img.league17.ru/pub/balls/slots/13.png в ваше сообщение автоматически преобразует в ссылку http://img.league17.ru/pub/balls/slots/13.png при просмотре сообщения.
- Как и со всеми прочими тегами BBCode, вы можете заключать в теги
[url][/url]
любые другие теги, например[img][/img]
(см. следующий пункт),[b][/b]
и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас.
Добавление изображения в сообщение
BBCode включает тег для добавления изображения с внешних серверов, например с хостингов фотографий, в ваше сообщение. Для вывода изображения вы должны окружить его тегами
[img][/img]
. Учтите, что изображение в этом случае будет выводиться в масштабе 1:1 и если её размер будет слишком большим, то изображение не впишется в текст сообщения.Как указано в «Создание ссылок», вы можете заключить изображение в теги
[url][/url]
, чтобы картинка стала ссылкой.
Вставка изображения с выбором размера
BBCode включает тег, который позволяет вставлять изображение, указав его ширину(высота автоматически изменится).
Используем такой код:
[image=ширина]ссылка на изображение[/image]
При клике на изображение, можно увидеть его полный размер.
Цитирование при ответах
Есть два способа процитировать текст: со ссылкой и без.
- Когда вы используете кнопку «Цитата» для ответа на сообщение, то его текст добавляется в поле ввода окружённым блоком
[quote=" "][/quote]
. Этот метод позволит вам цитировать со ссылкой на автора, либо на что-то ещё, что вы туда впишете. Помните, вы должны заключить имя в кавычки " ", они не могут быть опущены. - Второй метод просто позволяет вам что-то процитировать. Для этого вам надо заключить текст в теги
[quote][/quote]
. При просмотре сообщения будет просто показан текст в блоке цитирования
Добавление спойлера в сообщение
Спойлер – это скрытая часть сообщения, открываемое щелчком мыши. Используется для скрытия различных материалов, незначимых по важности, а так же для визуального уменьшения размера сообщения. Внутри спойлера может содержаться любая информация (текст, графика, анимация, другой спойлер и т. д.). Для создания спойлера используется тег
[spoiler][/spoiler]
или [spoiler1][/spoiler1]
.
Таблицы
Есть nhb способа построения таблиц: с выделенными заголовками и без.
- Для построения таблицы без заголовков необходим данный код:
[table][tr][td][/td][td][/td][/tr][/table]
- Для таблицы с большим количеством колонок и цветной рамкой:
[table2=цвет][tr][td][/td][td][/td][/tr][/table2]
- Для построения таблицы с заголовками:
| Заголовок 1 | Заголовок 2 |
|----------|----------|
| Колонка 1 | Колонка 2 |
Информация о монстре
BBCode включает тег для добавления изображения монстра и информации о его статах/генах. Для вывода информации вы должны использовать тег
[pok=номер монстра]статы/гены[/pok]
. Учтите, что номер монстра нужно указывать трёхзначный(Например: 003). Чтобы написать статы/гены, необходимо через запятую их перечислить 28,25,26,28,25,26 и вставить между тегами [pok=][/pok]
.Для вывода шайни монстра, необходимо использовать тег:
[poks=][/poks]
Более расширенная версия включает в себя 2 кода:
- Код похож на предыдущий, но отдельно добавлены гены:
[pok2=номер]статы[+]гены[/pok2]
Для вывода шайни монстра, необходимо использовать тег:[poks2=][/poks2]
- Данный код отображает очки EV, характер, спареность и пол: [atr]указываем сколько очков EV не расставлено,характер,спареность,пол[/atr]
Изображения монстров
Для получения изображения монстра можно воспользоваться кодом [/img] используя ссылки из игры либо собственные.
Так же имеется код для отображения мини спрайта монстров: [pimg][/pimg](Необходимо вводить трёхзначные номера монстров, без "#". Например: 003)
Для вывода шайни монстра, необходимо использовать тег: [pimgs][/pimgs]
Текст с тенью
BBCode включает тег для добавления тени к тексту.
Для вывода результата вы должны окружить его тегами [rcolor=цвет]текст[/rcolor].
Двух/трёхцветный текст
BBCode включает тег для перемещения цвета по тексту.
Для вывода результата вы должны окружить его тегами [colorslide=Ваш текст]Цвет1,Цвет2,Цвет3,время смены цвета (в миллисекундах(чем меньше - тем быстрее))[/colorslide].
- Цвет1 - является основным цветом для текста;
- Цвет2 - цвет который будет перемещаться по тексту;
- Цвет3 - второй цвет который будет перемещаться по тексту;
- Цвет2 и Цвет3 можно сделать одного цвета;
- Цвет можно вводить в шестнадцатеричном варианте (#ff0000 # 00ffff) или названия на английском (RED BLUE GOLD);
Важно: данный тег можно использовать только один раз в тексте.
Подсказка в тексте
BBCode отображает подсказку/сноску для текста.
Для вывода результата вы должны использовать данный тег: [classic="текст"]поясняющийся текст[/classic]
Важно: кавычки в тексте обязательны