Что такое BB-коды и как ими пользоваться

Штиль

Дата: Утро, 07-Июн-2022, 23:36 | Сообщение # 1

ты и твоя тень
⠀

Группа: Звёздные Предки

Сообщений: 309

Что такое BB-коды и как ими пользоваться?

1. Что такое ВВ-код
2. Как использовать ВВ-коды
3. Использование ВВ-кодов на ролевой
4. Что значит "сделать в коде"

Штиль

Дата: Сумерки, 09-Июл-2022, 12:13 | Сообщение # 2

ты и твоя тень
⠀

Группа: Звёздные Предки

Сообщений: 309

1. Что такое ВВ-код

BBCode (аббр. от англ. bulletin board code) — язык разметки, используемый для форматирования сообщений на форумах, в различных приложениях.

BB-коды — способ оформления текста на форуме. С помощью кодов текст можно выделить цветом, фоном, курсивом или подчёркиванием; расположить посередине или спрятать под спойлер. В игровых постах коды используются для выражения речи и мыслей персонажей; вне игры — по желанию.

Для форматирования текста используются теги. С помощью тегов обозначается действие, которое нужно сделать над текстом: выделить (жирным, курсивом, подчёркиванием и т. д.), отобразить в качестве ссылки или изображения. В BB-кодах теги заключаются в квадратные скобки [ ] следующим образом: [тег]Какой угодно текст[/тег]. Большинство тегов "охватывают" текст с двух сторон. В данном случае говорят, что [тег] — открывающий тег, а [/тег] — закрывающий тег. Теги закрываются путём добавления косой черты: /. Если тег не закрыть, то он не будет работать.

Штиль

Дата: Сумерки, 09-Июл-2022, 12:19 | Сообщение # 3

ты и твоя тень
⠀

Группа: Звёздные Предки

Сообщений: 309

2. Как использовать ВВ-коды

В верхней части окна нового сообщения находится панель для форматирования текста, на которой расположены кнопки быстрого доступа к кодам.
Чтобы узнать, что делает кнопка, наводите на неё курсор мыши. Спустя секунду под курсором появится описание действия.

[indent]Способ 1

Данный способ лучше не использовать, так как можно по невнимательности "сломать" коды, но он работает. Для того, чтобы сделать текст жирным, нажмите на кнопку

в панели форматирования текста. После этого кнопка окрасится в оранжевый, а в поле ввода текста появится открывающий тег. Напишите текст, который хотели бы сделать жирным. Снова нажмите на кнопку

. После этого кнопка снова станет зелёной, а в поле ввода текста появится закрывающий тег.[/indent]

[indent]Способ 2

Данный способ рекомендуется к использованию. Напишите текст, который хотели бы сделать жирным, и выделите его. Нажмите на кнопку

. Слева и справа от текста появятся необходимые теги.[/indent]

Описанные способы работают для любого выделения текста. Можно использовать несколько разных способов выделения текста одновременно.

[table][tr][td]Описание[/td][td]Иконка на панели[/td][td]Код[/td][/tr][tr][td]Жирный текст[/td][td]

[/td][td]

Код

[b]Жирный текст[/b]

[/td][/tr][tr][td]Наклонный текст (курсив)[/td][td]

[/td][td]

Код

[i]Наклонный текст (курсив)[/i]

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

[/td][td]

Код

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

[/td][/tr][tr][td]~~Зачёркнутый текст~~[/td][td]

[/td][td]

Код

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

[/td][/tr][tr][td]Жирный курсив[/td][td]

[/td][td]

Код

[i][b]Жирный курсив[/b][/i]

[/td][/tr][tr][td]Жирный подчёркнутый[/td][td]

[/td][td]

Код

[u][b]Жирный подчёркнутый[/b][/u]

[/td][/tr][tr][td]

Текст слева

[/td][td]

Код

[l]Текст слева[/l]

[/td][/tr][tr][td]

Текст по центру

[/td][td]

Код

[c]Текст по центру[/c]

[/td][/tr][tr][td]

Текст справа

[/td][td]

Код

[r]Текст справа[/r]

[/td][/tr][tr][td]Текст выбранного размера (10)[/td][td]

[/td][td]

Код

[size=10]Текст выбранного размера (10)[/size]

[/td][/tr][tr][td]Текст, написанный шрифтом (Courier)[/td][td]

[/td][td]

Код

[font=Courier]Текст, написанный шрифтом (Courier)[/font]

[/td][/tr][tr][td]Цветной (синий) текст[/td][td]

[/td][td]

Код

[color=blue]Синий текст[/color]

[/td][/tr][/table]

[indent]Для некоторых тегов нужно указывать атрибуты. Атрибуты пишутся через знак =: [тег=атрибут]Какой угодно текст[/тег]. Атрибутом может быть название шрифта, код/название цвета, размер шрифта и т.д.[/indent]

***

Со списком всех доступных кодов и их видом можно ознакомится здесь.
Как делать ссылки написано здесь.
Как вставлять картинки написано здесь.

Штиль

Дата: Ночь, 17-Июл-2022, 04:22 | Сообщение # 4

ты и твоя тень
⠀

Группа: Звёздные Предки

Сообщений: 309

3. Использование ВВ-кодов на ролевой

[indent]На Ролевой коды используются в обязательном порядке в оформлении игровых постов и документации (анкеты, заявки), в остальных случаях — по желанию игроков.

[indent]* Мысли выделяются курсивом.
* Прямая речь (речь Вашего персонажа) выделяется жирным шрифтом.
* Шёпот выделяется жирным курсивом.
* КРИК выделяется заглавными буквами (Caps Lock) и жирным шрифтом.
* Чужая речь выделяется подчёркнутым жирным шрифтом.[/indent]

Разрешается декоративное оформление игровых переходов (например, цветом или шрифтом, а также символами).[/indent]

[cut=Примеры постов с оформлением]
пост, пост, пост[/cut]

Штиль

Дата: Полдень, 21-Дек-2022, 23:14 | Сообщение # 5

ты и твоя тень
⠀

Группа: Звёздные Предки

Сообщений: 309

4. Что значит "сделать в коде"

[indent]Иногда вас могут попросить что-то оформить в виде кода. Как правило это ссылки на профиль в заявках. Оформленные в виде кода ссылки удобно копировать.

Как это сделать
Выделите нужный текст курсором (допустим, это ссылка на ваш профиль). Затем найдите на панели значок "Код"

и нажмите на него.

-

После отправки сообщения код ссылки на профиль будет выглядеть так. Как видите, теперь это не кликабельная ссылка, а удобная для копирования строка.

Код

[url=Вставляем сюда ссылку]Сюда пишем текст[/url]

Пример, как это выглядит с реальной ссылкой:

Код

[url=http://wildwarriors.ucoz.ru/index/8-3115]Штиль[/url]

! Иногда в виде кода нужно предоставить целую цепь имен или ещё какую-то информацию. Обращайте внимание на примеры заявок.

[/indent]