Краткое руководство по BB кодам для форматирования и оформления текста (1 просматривает)

Статус
Закрыто для дальнейших ответов.

Koxae

Модмейкер
Модмейкер
Регистрация
11.09.2019
Сообщения
39
Реакции
40

Прогресс:

Форматирование

На панели инструментов текстового редактора есть значок . Это выпадающий список с классическими BB кодами для форматирования выделенного текста.
– Параграф с отступом вначале (красной строкой).

Пример параграфа

Таким образом консультация с широким активом позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. Таким образом рамки и место обучения кадров влечет за собой процесс внедрения и модернизации новых предложений. Задача организации, в особенности же рамки и место обучения кадров позволяет оценить значение позиций, занимаемых участниками в отношении поставленных задач.

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


, , , – Заголовки 1го, 2го, 3го и 4го уровней соответственно

Примеры заголовков

Заголовок 1го уровня

Заголовок 2го уровня со смайликом ;)

Заголовок 3го уровня с зачёркнутым текстом

Заголовок 4го уровня с цветным текстом

Заголовки можно красить как обычный текст, используя палитру на панели инструментов редактора. Заголовки могут содержать гиперссылку или являться ей полностью. К заголовкам можно применять другие BB коды. Применять другие BB коды к загловкам нужно внутри BB тегов заголовков, например:
Неправильно: [B][h2]Text[/h2][/B]
Правильно: [h2][B]Text[/B][/h2]
Вышесказанное не относится к выравниванию текста по горизонтали.

Заголовок 3го уровня, выровненный по центру страницы


Дополнительные элементы для оформления текста

На панели инструментов текстового редактора есть выпадающий список со значком .
– Обычная разделительная горизонтальная линия, которой можно задать цвет.

Примеры разделительной линии с кодом


[HR=MediumSeaGreen][/HR] – цвет Lime или #00FF00 или rgb(0, 255, 0)

[HR=rgb(107, 142, 35][/HR] – цвет Orange или #FFA500 или rgb(255, 165, 0)

[HR=#9932CC][/HR] – цвет DarkOrchid или #9932CC или rgb(153, 50, 204)

Цвет для разделительной линии можно задать HEX кодом (#FFA500), в RGB (rgb(255, 165, 0)) или указать название цвета (orange).

Внимание! BB код разделительной линии выглядит как [HR][/HR]. У него есть открывающий и закрывающий теги. Но не нужно оставлять между ними текст. Спасибо.

– Значок из иконочного шрифта FontAwesome. Чтобы вставить значок, нужно узнать его название. Для этого перейдите на официальный сайт FontAwesome (по ссылке откроется список значков в стиле Solid, именно он используется в BB коде), найдите нужный значок и посмотрите его название прямо под значком (не буквенно-цифровой код, типа f640 , а обычное слово, типа "abacus"). Затем вставьте в текст BB код значка и после знака "=" укажите найденное имя выбранного значка.
Пример кода значка: [SIGN=abacus][/SIGN]
Результат кода:
На BB код значка можно навешивать и другие настройки текста: цвет, размер, выравнивание и тп. Можно комбинировать с, например, заголовками:

Заголовок 1го уровня со значком "alicorn"


– Кнопка. Этот BB код визуально превращает выделенный текст в кнопку. Кнопки в трёх цветах, чтобы выбрать цвет, нужно после знака "=" внутри BB тега указать номер 1, 2 или 3.

Примеры кнопок

Кнопка тип 1 Кнопка тип 2 (а это ссылка) Кнопка тип 3 (нажми меня)

Код кнопок из примера

[BUTTON=1]Кнопка тип 1[/BUTTON] [BUTTON=2]Кнопка тип 2 ([URL='https://www.raidgame.net/home']а это ссылка[/URL])[/BUTTON] [BUTTON=3][URL='https://www.raidgame.net/home']Кнопка тип 3 (нажми меня)[/URL][/BUTTON]

Образцы кнопок со значками

Скачать Посмотреть Перейти

Код образцов кнопок со значками

[BUTTON=1][URL='https://www.raidgame.net/home'][SIGN=download][/SIGN] Скачать[/URL][/BUTTON] [BUTTON=2][URL='https://www.raidgame.net/home'][SIZE=22px][SIGN=eye][/SIGN][/SIZE][I][SIZE=22px] Посмотреть[/SIZE][/I][/URL][/BUTTON] [BUTTON=3][URL='https://www.raidgame.net/home'][SIGN=dove][/SIGN] Перейти[/URL][/BUTTON]
 
Последнее редактирование:

Sado Yasashii

Владелец RG
Администратор
Регистрация
08.05.2019
Сообщения
513
Реакции
102
Возраст
31

Прогресс:

Благодарность Koxae за помощь в реализации и написании. Руководство было перенесено в графу "Помощи" - Дополнительные BB коды
 
Статус
Закрыто для дальнейших ответов.

Кто смотрит тему: (Пользователей: 0, Гостей: 0)

Верх Низ