Уважаемые пользователи форума Evan-forum!

Просим ознакомиться с обновлёнными правилами форума, а так же чата!!!

[FAQ]BBcode форума

Всё касательно функциональности форума, а также новые возможности, вопросы, предложения и пожелания по форуму.
Ответить
Аватара пользователя
Evangelion
Администратор форума
Администратор форума
Сообщения: 204
Зарегистрирован: 12 дек 2015, 16:43
Откуда: оттуда
Клан: Академия Покемонологии
Игровой ник: Evangelion
Поблагодарили: 139 раз
Контактная информация:

[FAQ]BBcode форума

Сообщение Evangelion » 29 сен 2016, 16:18

 Руководство по использованию BBCode
Форматирование текста
Как выделить текст: жирный, наклонный, подчёркнутый, зачеркнутый
Как изменить цвет или размер текста
Создание маркированного и нумерованного списков
Выравнивание объектов
Изображение в тексте
Вставка горизонтальной линии в сообщение
Изменение стиля шрифта

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

Показ изображений в сообщениях
Добавление изображения в сообщение
Вставка изображения с выбором размера
Цитирование и вывод форматированных текстов
Цитирование при ответах
Добавление спойлера в сообщение

Построение таблиц
Таблицы

Информация и изображения монстров
Информация о монстре
Изображения монстров

Оформление текста
Текст с тенью
Двух/трёхцветный текст
Подсказка в тексте



Как выделить текст: жирный, наклонный, подчёркнутый, зачеркнутый
BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:
  • Чтобы сделать текст жирным, заключите его в [b][/b],
  • Для подчёркивания используйте [u][/u],
  • Курсив делается тегами [i][/i],
  • Для зачеркнутого текста используйте [s][/s].
Пример использования: 
Образец:

Код: Выделить всё

[b]Жирный текст[/b]
Результат:Жирный текст

Код: Выделить всё

[u]Подчёркнутый текст[/u]
Подчёркнутый текст

Код: Выделить всё

[i]Текст написанный курсивом[/i]
Текст написанный курсивом

Код: Выделить всё

[s]Зачёркнутый текст[/s]
Зачёркнутый текст
Изображение Вернуться наверх


Как изменить цвет или размер текста
Для изменения цвета или размера шрифта могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):
  • Цвет текста можно изменить, окружив его [color=][/color]. Вы можете указать либо известное имя цвета (red, blue, yellow и т.п.), или шестнадцатиричное представление, например #FFFFFF, #000000.
  • Изменение размера достигается аналогичным образом при использовании [size=][/size]. Этот тег зависит от используемых шаблонов, рекомендуемый формат — число, показывающее размер текста в процентах, от 20% (очень маленький) до 200% и даже 300% (очень большой) от размера по умолчанию.
Пример использования: 
[b][u]Образец:[/u][/b] [code][color=red]Привет![/color][/code][*][b][u]Результат:[/u][/b] [color=red]Привет![/color]
[code][color=#FF0000]Привет![/color][/code][*][color=#FF0000]Привет![/color]
[code][size=50]Маленький[/size][/code][*][size=50]Маленький[/size]
[code][size=200]Огромный![/size][/code][*][size=200]Огромный![/size]
Изображение Вернуться наверх


Создание маркированного и нумерованного списков
BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML.
  • В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте [list][/list] и определите каждый элемент при помощи [*].
  • Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте [list=1][/list] или [list=a][/list] (где а – латинская) для создания алфавитного списка. Как и в случае маркированного списка, элементы определяются с помощью [*].
Пример использования: 
[b][u]Образец:[/u][/b] [code][list] Красный Синий Жёлтый [/list][/code][*][b][u]Результат:[/u][/b] [list] Красный Синий Жёлтый[/list]
[code][list] [*]Красный [*]Синий [*]Желтый [/list][/code][*][list] [*]Красный [*]Синий [*]Желтый[/list]
[code][list=1] [*]Красный [*]Синий [*]Желтый [/list][/code][*][list=1] [*]Красный [*]Синий [*]Желтый[/list]
[code][list=a] [*]Красный [*]Синий [*]Желтый [/list][/code][*][list=a] [*]Красный [*]Синий [*]Желтый[/list]
Изображение Вернуться наверх


Выравнивание объектов
Для выравнивания текста, изображений, вложений и других объектов используются 3 специальных тега:
  • Выравнивание по центру [center][/center]
  • Выравнивание по левому краю [left][/left]
  • Выравнивание по правому краю [right][/right]
Пример использования: 
[b][u]Образец:[/u][/b] [code][center]Для выравнивания текста, изображений, вложений и других объектов используются 3 специальных тега[/center][/code][*][b][u]Результат:[/u][/b] [center]Для выравнивания текста, изображений, вложений и других объектов используются 3 специальных тега[/center]
[code][left]Для выравнивания текста, изображений, вложений и других объектов используются 3 специальных тега[/left][/code][*][left]Для выравнивания текста, изображений, вложений и других объектов используются 3 специальных тега[/left]
[code][right]Для выравнивания текста, изображений, вложений и других объектов используются 3 специальных тега[/right][/code][*][right]Для выравнивания текста, изображений, вложений и других объектов используются 3 специальных тега[/right]
Изображение Вернуться наверх


Изображение в тексте
Для размещения картинки в тексте можно использовать такие теги:
  • Для размещения картинки слева/справа от текста: [float=сторона]Изображение[/float] текст
Пример использования: 
[b][u]Образец:[/u][/b] [code][float=left][img]http://s018.radikal.ru/i527/1507/ca/98d8ea9f4320.png[/img][/float] Вам предстоит помочь старушке в поисках драгоценных камешков. Встретиться с ней вы можете в регионе Джото, город Олстон, там недалеко есть Дом старушки.[/code][*][b][u]Результат:[/u][/b] [float=left][img]http://s018.radikal.ru/i527/1507/ca/98d8ea9f4320.png[/img][/float] Вам предстоит помочь старушке в поисках драгоценных камешков. Встретиться с ней вы можете в регионе Джото, город Олстон, там недалеко есть Дом старушки.
[code][float=rihgt][img]http://s018.radikal.ru/i527/1507/ca/98d8ea9f4320.png[/img][/float] Вам предстоит помочь старушке в поисках драгоценных камешков. Встретиться с ней вы можете в регионе Джото, город Олстон, там недалеко есть Дом старушки.[/code][*][float=right][img]http://s018.radikal.ru/i527/1507/ca/98d8ea9f4320.png[/img][/float] Вам предстоит помочь старушке в поисках драгоценных камешков. Встретиться с ней вы можете в регионе Джото, город Олстон, там недалеко есть Дом старушки.
Изображение Вернуться наверх


Вставка горизонтальной линии в сообщение
Для разделения текста на смысловые блоки можно использовать горизонтальную линию: [hrc=цвет]толщина[/hrc]
Пример использования: 
[b][u]Образец:[/u][/b] [code] [hrc=#909090]1[/hrc][/code][*][b][u]Результат:[/u][/b] [hrc=#909090]1[/hrc]
Изображение Вернуться наверх


Изменение стиля шрифта
Для изменения стиля шрифта можно воспользоваться данным тегом: [font=стиль]текст[/font]
Название стилей можно копировать тут: https://www.google.com/fonts
Важно: некоторые стили не поддерживают русскую раскладку, проверяйте
Пример использования: 
[b][u]Образец:[/u][/b] [code][font=Russo One]Текст оформлен в стиле "Russo One"[/font][/code][*][b][u]Результат:[/u][/b] [font=Russo One]Текст оформлен в стиле "Russo One"[/font]
Изображение Вернуться наверх


Ссылки
В BBCode поддерживается несколько способов создания ссылок.
  • Первый из них использует тег [/np]], после знака = должна идти необходимая ссылка. Учтите, что ссылка будет открываться в том же или в новом окне, в зависимости от настроек браузера пользователя.
  • Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, необходимо использовать тег , а между тегами указать нужную ссылку.
  • Кроме того, конференция поддерживает возможность, называемую Автоматические ссылки, это переведёт любой синтаксически правильную текст в ссылку. Например, ввод httр://img.league17.ru/pub/balls/slots/13.png в ваше сообщение автоматически преобразует в ссылку http://img.league17.ru/pub/balls/slots/13.png при просмотре сообщения.
  • Как и со всеми прочими тегами BBCode, вы можете заключать в теги любые другие теги, например Изображение (см. следующий пункт), [b][/b] и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас.
Пример использования: 
[b][u]Образец:[/u][/b] [code][url=http://forum.league17.ru]Посетите форум Лиги-17[/url][/code][*][b][u]Результат:[/u][/b] [url=http://forum.league17.ru]Посетите форум Лиги-17[/url]
[code][url]http://forum.league17.ru[/url][/code][*][url]http://forum.league17.ru[/url]
Изображение Вернуться наверх


Добавление изображения в сообщение
BBCode включает тег для добавления изображения с внешних серверов, например с хостингов фотографий, в ваше сообщение. Для вывода изображения вы должны окружить его тегами Изображение. Учтите, что изображение в этом случае будет выводиться в масштабе 1:1 и если её размер будет слишком большим, то изображение не впишется в текст сообщения.

Как указано в «Создание ссылок», вы можете заключить изображение в теги , чтобы картинка стала ссылкой.
Пример использования: 
[b][u]Образец:[/u][/b] [code][img]http://data2.floomby.com/files/share/28_7_2015/17/DSU14OvynEuCPIRAETDpA.png[/img][/code][*][b][u]Результат:[/u][/b] [img]http://data2.floomby.com/files/share/28_7_2015/17/DSU14OvynEuCPIRAETDpA.png[/img]
[code][url=http://forum.league17.ru][img]http://data2.floomby.com/files/share/28_7_2015/17/DSU14OvynEuCPIRAETDpA.png[/img][/url][/code][*][url=http://forum.league17.ru][img]http://data2.floomby.com/files/share/28_7_2015/17/DSU14OvynEuCPIRAETDpA.png[/img][/url]
Изображение Вернуться наверх


Вставка изображения с выбором размера
BBCode включает тег, который позволяет вставлять изображение, указав его ширину(высота автоматически изменится).
Используем такой код: [image=ширина]ссылка на изображение[/image]
При клике на изображение, можно увидеть его полный размер.
Пример использования: 
[b][u]Образец:[/u][/b] [code][image=200]http://img.league17.ru/pub/locs/146.jpg[/image][/code][*][b][u]Результат:[/u][/b] [image=200]http://img.league17.ru/pub/locs/146.jpg[/image]
Изображение Вернуться наверх


Цитирование при ответах
Есть два способа процитировать текст: со ссылкой и без.
  • Когда вы используете кнопку «Цитата» для ответа на сообщение, то его текст добавляется в поле ввода окружённым блоком [quote=" "][/quote]. Этот метод позволит вам цитировать со ссылкой на автора, либо на что-то ещё, что вы туда впишете. Помните, вы должны заключить имя в кавычки " ", они не могут быть опущены.
  • Второй метод просто позволяет вам что-то процитировать. Для этого вам надо заключить текст в теги [quote][/quote]. При просмотре сообщения будет просто показан текст в блоке цитирования
Пример использования: 
[b][u]Образец:[/u][/b] [code][quote="Автор"]Текст автора будет здесь[/quote][/code][*][b][u]Результат:[/u][/b] [quote="Автор"]Текст автора будет здесь[/quote]
[code][quote]Текст автора будет здесь[/quote][/code][*][quote]Текст автора будет здесь[/quote]
Изображение Вернуться наверх


Добавление спойлера в сообщение
Спойлер – это скрытая часть сообщения, открываемое щелчком мыши. Используется для скрытия различных материалов, незначимых по важности, а так же для визуального уменьшения размера сообщения. Внутри спойлера может содержаться любая информация (текст, графика, анимация, другой спойлер и т. д.). Для создания спойлера используется тег [spoiler=][/spoiler] или [spoiler1=][/spoiler1]. [b][u]Образец:[/u][/b] [code][spoiler=Здесь скрытое сообщение]Текст, рисунки и прочее ...[/spoiler][/code][*][b][u]Результат:[/u][/b] [spoiler=Здесь скрытое сообщение]Текст, рисунки и прочее ...[/spoiler]
[b][u]Образец:[/u][/b] [code][spoiler1=Здесь скрытое сообщение]Текст, рисунки и прочее ...[/spoiler1][/code][*][b][u]Результат:[/u][/b] [spoiler1=Здесь скрытое сообщение]Текст, рисунки и прочее ...[/spoiler1]
Изображение Вернуться наверх


Таблицы
Есть два способа построения таблиц: с пунктирной рамкой и без.
  • Для построения таблицы без рамок необходим данный код: [table][-][/table]
  • Для построения таблицы с рамкой: [table2][*][/table2]
Пример использования: 
[b][u]Образец:[/u][/b] Таблица без рамок: [code][table]первая колонка с любым содержимым[-]вторая колонка с любым содержимым[/table][/code][*][b][u]Результат:[/u][/b][table]первая колонка с любым содержимым[-]вторая колонка с любым содержимым[/table]
Таблица с пунктирными рамками: [code][table2]первая колонка с любым содержимым[*]вторая колонка с любым содержимым[/table2][/code][-][table2]первая колонка с любым содержимым[*]вторая колонка с любым содержимым[/table2]
Важное замечание: В обеих таблицах может быть только по 2 колонки(или 4 если объединить эти две таблицы)
Пример использования: 
Образец:

Код: Выделить всё

[table2][table]Первая колонка[-]Вторая колонка[/table][*][table]Третья колонка[-]Четвёртая колонка[/table][/table2]
Результат: [table]Первая колонка[-]Вторая колонка[/table][*][table]Третья колонка[-]Четвёртая колонка[/table]
Изображение Вернуться наверх


Информация о монстре
BBCode включает тег для добавления изображения монстра и информации о его статах/генах. Для вывода информации вы должны использовать тег [pok=номер монстра]статы/гены[/pok]. Учтите, что номер монстра нужно указывать трёхзначный(Например: 003). Чтобы написать статы/гены, необходимо через запятую их перечислить 28,25,26,28,25,26 и вставить между тегами [pok=][/pok].
Для вывода шайни монстра, необходимо использовать тег: [poks=][/poks]
Примеры использования кодов: 
[b][u]Образец:[/u][/b] Пример только с генами(статами): [code][pok=448]28,25,26,28,25,26[/pok][/code][*][b][u]Результат:[/u][/b] [pok=448]28,25,26,28,25,26[/pok]
Пример со статами и генами: [code][pok=448]385 28,259 25,260 26,380 28,255 25,248 26[/pok][/code][*][pok=448]385 28,259 25,260 26,380 28,255 25,248 26[/pok]
Более расширенная версия включает в себя 2 кода:
  • Код похож на предыдущий, но отдельно добавлены гены: [pok2=номер]статы[+]гены[/pok2]
    Для вывода шайни монстра, необходимо использовать тег: [poks2=][/poks2]
  • Данный код отображает очки EV, характер, спареность и пол: [atr]указываем сколько очков EV не расставлено,характер,спареность,пол[/atr]
Пример использования: 
[b][u]Образец:[/u][/b] [code][pok2=448]345 126,151 0,235 126,205 19,290 0,487 126[+]36,33,37,31,35,28[/pok2] [atr]0,мирный,спарен,М[/atr][/code][*][b][u]Результат:[/u][/b] [pok2=448]345 126,151 0,235 126,205 19,290 0,487 126[+]36,33,37,31,35,28[/pok2] [atr]0,мирный,спарен,М[/atr]
Вариант использования:

Код: Выделить всё

[table][img]http://www.serebii.net/itemdex/sprites/fastball.png[/img][b] #448 Куннар 100-lvl [img]http://wiki.league17.ru/images/0/01/Tren_ar5.png[/img] (Спец защита, 50/50 банок)[/b]
[pok2=448]345 126,151 0,235 126,205 19,290 0,487 126[+]36,33,37,31,35,28[/pok2]
[atr]0,мирный,спарен,М[/atr][-][b]Выберите атаки, которые
монстр забудет после тренировки:[/b]
Атака 1
Атака 2
Атака 3
Атака 4 [b]
Выберите атаки, которым
хотите научить своего монстра:[/b]
Атака 5
Атака 6[/table]
[img]http://img.league17.ru/pub/balls/slots/1.png[/img][b] #448 Куннар 100-lvl [img]http://wiki.league17.ru/images/0/01/Tren_ar5.png[/img] (Спец защита, 50/50 банок)[/b] [pok2=448]345 126,151 0,235 126,205 19,290 0,487 126[+]36,33,37,31,35,28[/pok2] [atr]0,мирный,спарен,М[/atr][-][b]Выберите атаки, которые монстр забудет после тренировки:[/b] Атака 1 Атака 2 Атака 3 Атака 4 [b] Выберите атаки, которым хотите научить своего монстра:[/b] Атака 5 Атака 6
Изображение Вернуться наверх


Изображения монстров
Для получения изображения монстра можно воспользоваться кодом Изображение[/img] используя ссылки из игры либо собственные.
Так же имеется код для отображения мини спрайта монстров: [pimg][/pimg](Необходимо вводить трёхзначные номера монстров, без "#". Например: 003)
Для вывода шайни монстра, необходимо использовать тег: [pimgs][/pimgs]
Пример использования: 
[b][u]Образец:[/u][/b] [code][img]http://img.league17.ru/pub/mnst/norm/full/448.png[/img][/code]в ссылке меняем цифры на нужный номер монстра[*][b][u]Результат:[/u][/b] [img]http://img.league17.ru/pub/mnst/norm/full/448.png[/img]
[code][pimg]448[/pimg][/code][*][pimg]448[/pimg]
[code][pimgs]448[/pimgs][/code][*][pimgs]448[/pimgs]
Изображение Вернуться наверх


Текст с тенью
BBCode включает тег для добавления тени к тексту.
Для вывода результата вы должны окружить его тегами [rcolor=цвет]текст[/rcolor].
Пример использования: 
[b][u]Образец:[/u][/b] [code][rcolor=#BFFF40]Текст с тенью[/rcolor][/code][*][b][u]Результат:[/u][/b][np][/np] [rcolor=#BFFF40]Текст с тенью[/rcolor]
Изображение Вернуться наверх


Двух/трёхцветный текст
BBCode включает тег для перемещения цвета по тексту.
Для вывода результата вы должны окружить его тегами [colorslide=Ваш текст]Цвет1,Цвет2,Цвет3,время смены цвета (в миллисекундах(чем меньше - тем быстрее))[/colorslide].
  • Цвет1 - является основным цветом для текста;
  • Цвет2 - цвет который будет перемещаться по тексту;
  • Цвет3 - второй цвет который будет перемещаться по тексту;
  • Цвет2 и Цвет3 можно сделать одного цвета;
  • Цвет можно вводить в шестнадцатеричном варианте (#ff0000 # 00ffff) или названия на английском (RED BLUE GOLD);
    Важно: данный тег можно использовать только один раз в тексте.
Пример использования: 
[b][u]Образец:[/u][/b] [code][/code][*][b][u]Результат:[/u][/b]
Изображение Вернуться наверх


Подсказка в тексте
BBCode отображает подсказку/сноску для текста.
Для вывода результата вы должны использовать данный тег: [classic="текст"]поясняющийся текст[/classic]
Важно: кавычки в тексте обязательны
Пример использования: 
[b][u]Образец:[/u][/b] [code][classic="текст"]поясняющий текст[/classic][/code][*][b][u]Результат:[/u][/b] [classic="текст"]поясняющий текст[/classic]
Изображение Вернуться наверх
Форумная деятельность 
[table]
Форумная деятельность:
10 апр 2011г. - Модератор рынка
22 апр 2011г. - Модер форума
12 июн 2011г. - Суп.модер форума
26 янв 2015г. - Администратор форума[/size][-]"Если Вы ещё не сидите, это не значит что Вы не виновны, это мы плохо работаем!"[/table]

Ответить

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость