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

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

[FAQ]BBcode форума

Всё касательно функциональности форума, а также новые возможности, вопросы, предложения и пожелания по форуму.
Аватара пользователя
Evangelion
Администратор форума
Администратор форума
Сообщений: 170
Зарегистрирован: 12 дек 2015, 16:43
Репутация: 10
Благодарил (а): 3 раза
Поблагодарили: 29 раз
Контактная информация:

[FAQ]BBcode форума

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

 Руководство по использованию BBCode

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

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

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

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

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

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








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

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

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

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

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

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

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

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

[s]Зачёркнутый текст[/s]
Зачёркнутый текст
[/spoiler]

Изображение Вернуться наверх


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

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

[color=red]Привет![/color]
Результат:
Привет!

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

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

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

[size=50]Маленький[/size]
Маленький

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

[size=200]Огромный![/size]
Огромный!
[/spoiler]

Изображение Вернуться наверх


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

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

[list]
Красный
Синий
Жёлтый
[/list]
Результат:

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

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

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

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

[list=1]
[*]Красный
[*]Синий
[*]Желтый
[/list]
  1. Красный
  2. Синий
  3. Желтый

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

[list=a]
[*]Красный
[*]Синий
[*]Желтый
[/list]
  1. Красный
  2. Синий
  3. Желтый
[/spoiler]

Изображение Вернуться наверх


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

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

[center]Для выравнивания текста, изображений, вложений и других объектов используются 3 специальных тега[/center]
Результат:
Для выравнивания текста, изображений,
вложений и других объектов используются
3 специальных тега

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

[left]Для выравнивания текста, изображений, вложений и других объектов используются 3 специальных тега[/left]
Для выравнивания текста, изображений,
вложений и других объектов используются
3 специальных тега

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

[right]Для выравнивания текста, изображений, вложений и других объектов используются 3 специальных тега[/right]
Для выравнивания текста, изображений,
вложений и других объектов используются
3 специальных тега
[/spoiler]

Изображение Вернуться наверх


Изображение в тексте
Для размещения картинки в тексте можно использовать такие теги:
  • Для размещения картинки слева/справа от текста: [float=сторона][img]ссылка_на_изображение[/img][/float] текст
[spoiler=Пример использования:]
Образец:

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

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

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

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

Изображение Вернуться наверх


Вставка горизонтальной линии в сообщение
Для разделения текста на смысловые блоки можно использовать горизонтальную линию: [hrc=цвет]толщина[/hrc]
[spoiler=Пример использования:]
Образец:

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

[hrc=#909090]1[/hrc]
Результат:


[/spoiler]

Изображение Вернуться наверх


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

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

[font=Russo One]Текст оформлен в стиле "Russo One"[/font]
Результат:
[font=Russo One]Текст оформлен в стиле "Russo One"[/font]
[/spoiler]

Изображение Вернуться наверх


Ссылки
В 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] и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас.
[spoiler=Пример использования:]
Образец:

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

[url=http://forum.league17.ru]Посетите форум Лиги-17[/url]
Результат:
Посетите форум Лиги-17

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

[url]http://forum.league17.ru[/url]
http://forum.league17.ru
[/spoiler]

Изображение Вернуться наверх


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

Как указано в «Создание ссылок», вы можете заключить изображение в теги [url][/url], чтобы картинка стала ссылкой.
[spoiler=Пример использования:]
Образец:

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

[img]http://data2.floomby.com/files/share/28_7_2015/17/DSU14OvynEuCPIRAETDpA.png[/img]
Результат:
Изображение

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

[url=http://forum.league17.ru][img]http://data2.floomby.com/files/share/28_7_2015/17/DSU14OvynEuCPIRAETDpA.png[/img][/url]
Изображение
[/spoiler]

Изображение Вернуться наверх


Вставка изображения с выбором размера
BBCode включает тег, который позволяет вставлять изображение, указав его ширину(высота автоматически изменится).
Используем такой код: [image=ширина]ссылка на изображение[/image]
При клике на изображение, можно увидеть его полный размер.
[spoiler=Пример использования:]
Образец:

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

[image=200]http://img.league17.ru/pub/locs/146.jpg[/image]
Результат:
[/spoiler]

Изображение Вернуться наверх


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

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

[quote="Автор"]Текст автора будет здесь[/quote]
Результат:
Автор писал(а):Текст автора будет здесь

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

[quote]Текст автора будет здесь[/quote]
Текст автора будет здесь
[/spoiler]

Изображение Вернуться наверх


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

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

[spoiler=Здесь скрытое сообщение]Текст, рисунки и прочее ...[/spoiler]
Результат:
[spoiler=Здесь скрытое сообщение]Текст, рисунки и прочее ...[/spoiler]
Образец:

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

[spoiler1=Здесь скрытое сообщение]Текст, рисунки и прочее ...[/spoiler1]
Результат:
[spoiler1=Здесь скрытое сообщение]Текст, рисунки и прочее ...[/spoiler1]


Изображение Вернуться наверх


Таблицы
Есть два способа построения таблиц: с пунктирной рамкой и без.
  • Для построения таблицы без рамок необходим данный код: [table][-][/table]
  • Для построения таблицы с рамкой: [table2][*][/table2]
[spoiler=Пример использования:]
Образец:
Таблица без рамок:

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

[table]первая колонка
с любым содержимым[-]вторая колонка
с любым содержимым[/table]
Результат:
первая колонка
с любым содержимым
вторая колонка
с любым содержимым
Таблица с пунктирными рамками:

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

[table2]первая колонка
с любым содержимым[*]вторая колонка
с любым содержимым[/table2]
первая колонка
с любым содержимым
вторая колонка
с любым содержимым
[/spoiler]
Важное замечание: В обеих таблицах может быть только по 2 колонки(или 4 если объединить эти две таблицы)
[spoiler=Пример использования:]Образец:

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

[table2][table]Первая колонка[-]Вторая колонка[/table][*][table]Третья колонка[-]Четвёртая колонка[/table][/table2]

Результат:
Первая колонкаВторая колонка
Третья колонкаЧетвёртая колонка
[/spoiler]

Изображение Вернуться наверх


Информация о монстре
BBCode включает тег для добавления изображения монстра и информации о его статах/генах. Для вывода информации вы должны использовать тег [pok=номер монстра]статы/гены[/pok]. Учтите, что номер монстра нужно указывать трёхзначный(Например: 003). Чтобы написать статы/гены, необходимо через запятую их перечислить 28,25,26,28,25,26 и вставить между тегами [pok=][/pok].
Для вывода шайни монстра, необходимо использовать тег: [poks=][/poks]
[spoiler=Примеры использования кодов:]
Образец:
Пример только с генами(статами):

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

[pok=448]28,25,26,28,25,26[/pok]
Результат:
HP: 28
Атака: 25
Защита: 26
Скорость: 28
Спец.Атака: 25
Спец.Защита: 26
Пример со статами и генами:

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

[pok=448]385 28,259 25,260 26,380 28,255 25,248 26[/pok]
HP: 385 28
Атака: 259 25
Защита: 260 26
Скорость: 380 28
Спец.Атака: 255 25
Спец.Защита: 248 26
[/spoiler]
Более расширенная версия включает в себя 2 кода:
  • Код похож на предыдущий, но отдельно добавлены гены: [pok2=номер]статы[+]гены[/pok2]
    Для вывода шайни монстра, необходимо использовать тег: [poks2=][/poks2]
  • Данный код отображает очки EV, характер, спареность и пол: [atr]указываем сколько очков EV не расставлено,характер,спареность,пол[/atr]
[spoiler=Пример использования:]
Образец:

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

[pok2=448]345 126,151 0,235 126,205 19,290 0,487 126[+]36,33,37,31,35,28[/pok2]
[atr]0,мирный,спарен,М[/atr]
Результат:
  Статы Гены
HP:345 12636
Атака:151 033
Защита:235 12637
Скорость:205 1931
Спец.Атака:290 035
Спец.Защита:487 12628

Очки EV Характер Спарен Пол
0 мирный спарен М

Вариант использования:

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

[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]

Изображение #448 Куннар 100-lvl Изображение (Спец защита, 50/50 банок)
  Статы Гены
HP:345 12636
Атака:151 033
Защита:235 12637
Скорость:205 1931
Спец.Атака:290 035
Спец.Защита:487 12628

Очки EV Характер Спарен Пол
0 мирный спарен М
Выберите атаки, которые
монстр забудет после тренировки:

Атака 1
Атака 2
Атака 3
Атака 4
Выберите атаки, которым
хотите научить своего монстра:

Атака 5
Атака 6
[/spoiler]

Изображение Вернуться наверх


Изображения монстров
Для получения изображения монстра можно воспользоваться кодом [img][/img] используя ссылки из игры либо собственные.
Так же имеется код для отображения мини спрайта монстров: [pimg][/pimg](Необходимо вводить трёхзначные номера монстров, без "#". Например: 003)
Для вывода шайни монстра, необходимо использовать тег: [pimgs][/pimgs]
[spoiler=Пример использования:]
Образец:

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

[img]http://img.league17.ru/pub/mnst/norm/full/448.png[/img]
в ссылке меняем цифры на нужный номер монстра
Результат:
Изображение

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

[pimg]448[/pimg]

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

[pimgs]448[/pimgs]
[/spoiler]

Изображение Вернуться наверх


Текст с тенью
BBCode включает тег для добавления тени к тексту.
Для вывода результата вы должны окружить его тегами [rcolor=цвет]текст[/rcolor].
[spoiler=Пример использования:]
Образец:

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

[rcolor=#BFFF40]Текст с тенью[/rcolor]
Результат: 

Текст с тенью
[/spoiler]

Изображение Вернуться наверх


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

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

[colorslide=Улыбниииись!]blue,red,green,100[/colorslide]
Результат:
[/spoiler]

Изображение Вернуться наверх


Подсказка в тексте
BBCode отображает подсказку/сноску для текста.
Для вывода результата вы должны использовать данный тег: [classic="текст"]поясняющийся текст[/classic]
Важно: кавычки в тексте обязательны
[spoiler=Пример использования:]
Образец:

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

[classic="текст"]поясняющий текст[/classic]
Результат:
текст поясняющий текст
[/spoiler]

Изображение Вернуться наверх
Форумная деятельность
Форумная деятельность:

10 апр 2011г. - Модератор рынка
22 апр 2011г. - Модер форума
12 июн 2011г. - Суп.модер форума
26 янв 2015г. - Администратор форума
"Если Вы ещё не сидите, это не значит что Вы не виновны, это мы плохо работаем!"

Вернуться в «Управление и новости форума»



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

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