Руководство по использованию BBCode в теме магазина
Модератор: Модераторы
- Evangelion
- Администратор форума
- Сообщения: 2242
- Зарегистрирован: 08 сен 2010, 18:10
- Клан: Академия Покемонологии
- Игровой ник: Evangelion
- Has thanked: 1608 times
- Been thanked: 2440 times
- Контактная информация:
- Evangelion
- Администратор форума
- Сообщения: 2242
- Зарегистрирован: 08 сен 2010, 18:10
- Клан: Академия Покемонологии
- Игровой ник: Evangelion
- Has thanked: 1608 times
- Been thanked: 2440 times
- Контактная информация:
Вступление
Что такое BBCode?
BBCode — это специальный вариант HTML. Сможете ли вы использовать BBCode в ваших сообщениях или нет, определяется администратором форумов. Кроме того, вы сможете отключить использование BBCode в конкретном сообщении при его размещении. Сам BBCode по стилю похож на HTML, теги заключены в квадратные скобки [ и ], а не в < и >; он даёт больше возможностей управления тем, как выводятся данные.
Тег (англ. tag ярлык, этикетка, бирка; метить) ключевое слово, метка для категоризации чего-либо. Используется для поиска какой-либо информации или для форматирования текста. Это элемент языка разметки гипертекста (например в XML, HTML).
При использовании некоторых шаблонов вы сможете добавлять BBCode в ваши сообщения, пользуясь простым интерфейсом, расположенным над полем для ввода текста. Но даже в этом случае данное руководство может оказаться полезным.
Для того, чтобы расставить теги для нужного текста, выделите необходимый текст мышью и нажмите кнопку тега.
Можно ли комбинировать теги?
Да, конечно можно. Например, для формирования жирного текста большого размера красного цвета можно использовать следующую конструкцию:
Не рекомендуется выводить таким образом длинные тексты. Учтите, что вы, автор сообщения, должны позаботиться о том, чтобы теги были правильно вложены друг в друга, иначе их комбинация не даст результата.
Вернуться наверх
BBCode — это специальный вариант HTML. Сможете ли вы использовать BBCode в ваших сообщениях или нет, определяется администратором форумов. Кроме того, вы сможете отключить использование BBCode в конкретном сообщении при его размещении. Сам BBCode по стилю похож на HTML, теги заключены в квадратные скобки [ и ], а не в < и >; он даёт больше возможностей управления тем, как выводятся данные.
Тег (англ. tag ярлык, этикетка, бирка; метить) ключевое слово, метка для категоризации чего-либо. Используется для поиска какой-либо информации или для форматирования текста. Это элемент языка разметки гипертекста (например в XML, HTML).
При использовании некоторых шаблонов вы сможете добавлять BBCode в ваши сообщения, пользуясь простым интерфейсом, расположенным над полем для ввода текста. Но даже в этом случае данное руководство может оказаться полезным.
Для того, чтобы расставить теги для нужного текста, выделите необходимый текст мышью и нажмите кнопку тега.
Можно ли комбинировать теги?
Да, конечно можно. Например, для формирования жирного текста большого размера красного цвета можно использовать следующую конструкцию:
Образец | Результат: |
---|---|
Код: Выделить всё
| ТЕСТ |
Не рекомендуется выводить таким образом длинные тексты. Учтите, что вы, автор сообщения, должны позаботиться о том, чтобы теги были правильно вложены друг в друга, иначе их комбинация не даст результата.
Вернуться наверх
- Evangelion
- Администратор форума
- Сообщения: 2242
- Зарегистрирован: 08 сен 2010, 18:10
- Клан: Академия Покемонологии
- Игровой ник: Evangelion
- Has thanked: 1608 times
- Been thanked: 2440 times
- Контактная информация:
Форматирование текста
Как выделить текст: жирный, наклонный, подчёркнутый, зачеркнутый
BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:
Вернуться наверх
Как изменить цвет или размер текста
Для изменения цвета или размера шрифта могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):
Вернуться наверх
Создание маркированного и нумерованного списков
BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML.
Вернуться наверх
Выравнивание объектов
Для выравнивания текста, изображений, вложений и других объектов используются 4 специальных тега:
Вернуться наверх
Изображение в тексте
Для размещения картинки в тексте можно использовать такие теги:
Вернуться наверх
Вставка горизонтальной линии в сообщение
Для разделения текста на смысловые блоки можно использовать горизонтальную линию:
Вернуться наверх
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]
Спойлер: Пример использования: ПОКАЗАТЬ
Вернуться наверх
- Evangelion
- Администратор форума
- Сообщения: 2242
- Зарегистрирован: 08 сен 2010, 18:10
- Клан: Академия Покемонологии
- Игровой ник: Evangelion
- Has thanked: 1608 times
- Been thanked: 2440 times
- Контактная информация:
Создание ссылок
Ссылки
В BBCode поддерживается несколько способов создания ссылок.
Вернуться наверх
В 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]
и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас.
Спойлер: Пример использования: ПОКАЗАТЬ
Вернуться наверх
- Evangelion
- Администратор форума
- Сообщения: 2242
- Зарегистрирован: 08 сен 2010, 18:10
- Клан: Академия Покемонологии
- Игровой ник: Evangelion
- Has thanked: 1608 times
- Been thanked: 2440 times
- Контактная информация:
Показ изображений в сообщениях
Добавление изображения в сообщение
BBCode включает тег для добавления изображения с внешних серверов, например с хостингов фотографий, в ваше сообщение. Для вывода изображения вы должны окружить его тегами
Как указано в «Создание ссылок», вы можете заключить изображение в теги
Вернуться наверх
BBCode включает тег для добавления изображения с внешних серверов, например с хостингов фотографий, в ваше сообщение. Для вывода изображения вы должны окружить его тегами
[img][/img]
. Учтите, что изображение в этом случае будет выводиться в масштабе 1:1 и если её размер будет слишком большим, то изображение не впишется в текст сообщения.Как указано в «Создание ссылок», вы можете заключить изображение в теги
[url][/url]
, чтобы картинка стала ссылкой.
Спойлер: Пример использования: ПОКАЗАТЬ
Вернуться наверх
- Evangelion
- Администратор форума
- Сообщения: 2242
- Зарегистрирован: 08 сен 2010, 18:10
- Клан: Академия Покемонологии
- Игровой ник: Evangelion
- Has thanked: 1608 times
- Been thanked: 2440 times
- Контактная информация:
Цитирование и вывод форматированных текстов
Цитирование при ответах
Есть два способа процитировать текст: со ссылкой и без.
Добавление спойлера в сообщение
Спойлер – это скрытая часть сообщения, открываемое щелчком мыши. Используется для скрытия различных материалов, не значимых по важности, а так же для визуального уменьшения размера сообщения. Внутри спойлера может содержаться любая информация (текст, графика, анимация, другой спойлер и т. д.). Для создания спойлера используется тег [spoiler=][/spoiler].
Вернуться наверх
Есть два способа процитировать текст: со ссылкой и без.
- Когда вы используете кнопку «Цитата» для ответа на сообщение, то его текст добавляется в поле ввода окружённым блоком [quote=" "][/quote]. Этот метод позволит вам цитировать со ссылкой на автора, либо на что-то ещё, что вы туда впишете. Помните, вы должны заключить имя в кавычки " ", они не могут быть опущены.
- Второй метод просто позволяет вам что-то процитировать. Для этого вам надо заключить текст в теги [quote][/quote]. При просмотре сообщения будет просто показан текст в блоке цитирования
Спойлер: Первый метод. Пример использования: ПОКАЗАТЬ
Спойлер: Второй способ. Пример использования: ПОКАЗАТЬ
Спойлер – это скрытая часть сообщения, открываемое щелчком мыши. Используется для скрытия различных материалов, не значимых по важности, а так же для визуального уменьшения размера сообщения. Внутри спойлера может содержаться любая информация (текст, графика, анимация, другой спойлер и т. д.). Для создания спойлера используется тег [spoiler=][/spoiler].
Образец и результат: |
---|
Код: Выделить всё
|
Спойлер: Заголовок ПОКАЗАТЬ
- Evangelion
- Администратор форума
- Сообщения: 2242
- Зарегистрирован: 08 сен 2010, 18:10
- Клан: Академия Покемонологии
- Игровой ник: Evangelion
- Has thanked: 1608 times
- Been thanked: 2440 times
- Контактная информация:
Построение таблиц
Таблицы
Есть два способа построения таблиц: с пунктирной рамкой и без.
Важное замечание: В обеих таблицах может быть только по 2 колонки(или 4 если объединить эти две таблицы)
Вернуться наверх
Есть два способа построения таблиц: с пунктирной рамкой и без.
- Для построения таблицы без рамок необходим данный код: [table][-][/table]
- Для построения таблицы с рамкой: [table2][*][/table2]
Спойлер: Пример использования: ПОКАЗАТЬ
Спойлер: Пример использования: ПОКАЗАТЬ
- Evangelion
- Администратор форума
- Сообщения: 2242
- Зарегистрирован: 08 сен 2010, 18:10
- Клан: Академия Покемонологии
- Игровой ник: Evangelion
- Has thanked: 1608 times
- Been thanked: 2440 times
- Контактная информация:
Информация и изображения монстров
Информация о монстре
BBCode включает тег для добавления изображения монстра и информации о его статах/генах. Для вывода информации вы должны использовать тег [pok=номер монстра]статы/гены[/pok]. Учтите, что номер монстра нужно указывать трёхзначный(Например: 003). Чтобы написать статы/гены, необходимо через запятую их перечислить 28,25,26,28,25,26 и вставить между тегами [pok=][/pok].
Для изображения шайни монстра, используйте тег: [poks=][/poks].
Более расширенная версия включает в себя 2 кода:
Изображения монстров
Для получения изображения монстра можно воспользоваться кодом Можно использовать ссылки из игры либо собственные.
Так же имеется код для отображения мини спрайта монстров: [pimg][/pimg](Необходимо вводить трёхзначные номера монстров, без "#". Например: 003)
Вернуться наверх
BBCode включает тег для добавления изображения монстра и информации о его статах/генах. Для вывода информации вы должны использовать тег [pok=номер монстра]статы/гены[/pok]. Учтите, что номер монстра нужно указывать трёхзначный(Например: 003). Чтобы написать статы/гены, необходимо через запятую их перечислить 28,25,26,28,25,26 и вставить между тегами [pok=][/pok].
Для изображения шайни монстра, используйте тег: [poks=][/poks].
Спойлер: Пример только с генами: ПОКАЗАТЬ
Спойлер: Пример со статами и генами: ПОКАЗАТЬ
Спойлер: Пример шайни изображения в теге: ПОКАЗАТЬ
- Код похож на предыдущий, но отдельно добавлены гены: [pok2=номер]статы[+]гены[/pok2]
- Для изображения шайни монстра, используйте тег: [poks2=][/poks2].
- Данный код отображает очки EV, характер, спареность и пол: [atr]указываем сколько очков EV не расставлено,характер,спареность,пол[/atr]
Спойлер: Пример использования: ПОКАЗАТЬ
Изображения монстров
Для получения изображения монстра можно воспользоваться кодом
Код: Выделить всё
[img]Ссылка на изображение монстра[/img]
Так же имеется код для отображения мини спрайта монстров: [pimg][/pimg](Необходимо вводить трёхзначные номера монстров, без "#". Например: 003)
Спойлер: Пример использования: ПОКАЗАТЬ
Вернуться наверх
- Evangelion
- Администратор форума
- Сообщения: 2242
- Зарегистрирован: 08 сен 2010, 18:10
- Клан: Академия Покемонологии
- Игровой ник: Evangelion
- Has thanked: 1608 times
- Been thanked: 2440 times
- Контактная информация:
Оформление текста
Текст с тенью
BBCode включает тег для добавления тени к тексту.
Для вывода результата вы должны окружить его тегами [rcolor=цвет]текст[/rcolor].
Двух/трёхцветный текст
BBCode включает тег для перемещения цвета по тексту.
Для вывода результата вы должны окружить его тегами [colorslide=Ваш текст]Цвет1,Цвет2,Цвет3,время смены цвета (в миллисекундах(чем меньше - тем быстрее))[/colorslide].
Подсказка в тексте
BBCode отображает подсказку/сноску для текста.
Для вывода результата вы должны использовать данный тег: [classic="текст"]поясняющийся текст[/classic] (Важно: кавычки в тексте обязательны)
Вернуться наверх
BBCode включает тег для добавления тени к тексту.
Для вывода результата вы должны окружить его тегами [rcolor=цвет]текст[/rcolor].
Спойлер: Пример использования: ПОКАЗАТЬ
BBCode включает тег для перемещения цвета по тексту.
Для вывода результата вы должны окружить его тегами [colorslide=Ваш текст]Цвет1,Цвет2,Цвет3,время смены цвета (в миллисекундах(чем меньше - тем быстрее))[/colorslide].
- Цвет1 - является основным цветом для текста;
- Цвет2 - цвет который будет перемещаться по тексту;
- Цвет3 - второй цвет который будет перемещаться по тексту;
- Цвет2 и Цвет3 можно сделать одного цвета;
- Цвет можно вводить в шестнадцатеричном варианте (#ff0000 # 00ffff) или названия на английском (RED BLUE GOLD);
Важно: данный тег можно использовать только один раз в тексте.
Спойлер: Пример использования: ПОКАЗАТЬ
Подсказка в тексте
BBCode отображает подсказку/сноску для текста.
Для вывода результата вы должны использовать данный тег: [classic="текст"]поясняющийся текст[/classic] (Важно: кавычки в тексте обязательны)
Спойлер: Пример использования: ПОКАЗАТЬ