XF 2.2 BB-коды рамки

[theling]

Хочу воссоздать такие рамки , не знаю как реализовать.

 

[kotos]

В век нейросетей создать подобный BB-код не составит труда. Да даже без применения нейронки указать бэкграунд колор и поиграться с маргином - дело 5-10 минут (либо, на крайняк, посмотреть ютуб или другие обучающие ресурсы).

Вот что накостыляла мне нейросеть:

<div style="background-color: #09b163; color: white; padding: 10px; border-radius: 5px; margin: 10px 0; font-size: 14px;">
    {param}
</div>

Проверь на работоспособность. Хотя, я сомневаюсь, что ты за это время не нашел решения своей проблемы.

 

[DrunkDoomer]

<div style="background-color: #09b163; color: white; padding: 10px; border-radius: 5px; margin: 10px 0; font-size: 14px;">

Это что-то из разряда вредных советов?

Не понятно что ТС называет "рамкой". Хочет ли он сделать аналогичные цвета? А может под "рамкой" он имеет в виду плагин который позволяет реализовать подобное.

OFFTOP

Конкретика из разряда "А как сделать вот так?"

 

[kotos]

что ТС называет "рамкой"

OFFTOP

Я лишь повторил то, что попросил сам ТС.

А вот про разряды вредных советов я не согласен. Нейросети всё умнее, да и не обязательно целый код для этого просить - можно попросить объяснить каждую из строчку кода, что-бы хотя бы на шаг где-то продвинуться)

Ну а код в целом по моему рабочий, а значит, что проблем и вопросов ко мне или к ТС не должно быть. Он попросил повторить всё то, что на скрине - на скрине обычный лёгкий код, который пишется за пару секунд

 

[DrunkDoomer]

проблем и вопросов ко мне не должно быть

Так их и нет.

Он попросил повторить всё то, что на скрине - на скрине обычный лёгкий код, который пишется за пару секунд

Просто это выстрел себе в колено - далее чаще всего идут вопросы "куда это вставлять?", "кто такой этот ваш {param}?" (возможно), "а почему я не могу модификацию шаблона сделать / что это вообще такое?" или человек вовсе имел в виду что-то иное)

 

[Kokiyo]

В век нейросетей создать подобный BB-код не составит труда. Да даже без применения нейронки указать бэкграунд колор и поиграться с маргином - дело 5-10 минут (либо, на крайняк, посмотреть ютуб или другие обучающие ресурсы).

Вот что накостыляла мне нейросеть:

<div style="background-color: #09b163; color: white; padding: 10px; border-radius: 5px; margin: 10px 0; font-size: 14px;">
    {param}
</div>

Проверь на работоспособность. Хотя, я сомневаюсь, что ты за это время не нашел решения своей проблемы.

Какая нейронка)

Панель управления - Содержимое/Контент - Пользовательские BB-коды - Добавить BB-код
Тег BB-кода: message
Заголовок: Придумайте
Опция BB-кода: Да
Замена HTML:

<style>
.Message {
    color: #FFF;
    width: 97%;
    margin: 0 auto;
    padding: 13px 15px;
    margin-bottom: 2.5em;
    position: relative;
    line-height: 1.6;
    border-radius: 5px;
    text-align: center;
}

.Message--error {
    background-color: #9c4646;
    border: 2px solid #b21303;
}

.Message--information {
    background-color: #1e2a60;
    border: 2px solid #062999;
}

.Message--success {
    background-color: #2c6231;
    border: 2px solid #079433;
}

.Message--warning {
    background-color: #7f510a;
    border: 2px solid #c28c00;
}

</style>
<div class="Message Message--{option}">
    <div class="Message-body">{text}</div>
</div>

Использовать так:

[message=success]Ваша жалоба одобрена![/message]
[message=error]Ошибка! Ваш аккаунт заблокирован.[/message]
[message=information]Запланированы технические работы.[/message]
[message=warning]Будьте осторожны, это тестовая версия.[/message]

Спойлер

 

[kotos]

Какая нейронка

OFFTOP

Может будем откровенны и говорить по факту?)

Никому же не хочется ждать со среды ответа, который можно найти в интернете или В КРАЙНЕМ СЛУЧАЕ воспользоваться нейронкой.

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

 

[theling]

Вопрос уже решил — основная проблема была не в самом BB-коде, а в его настройках. Возможно, кому-то эта тема тоже окажется полезной.
Если кто-то столкнётся с подобной проблемой, ниже привел инструкцию:

Основные настройки BB-кода
Тег BB-кода: alert
Опция BB-кода: Да (Обязательна)
Режим замены: Простая замена

BB Code Replacement:

код

<div class="custom-alert custom-alert-{option}">{text}</div>

Пример использования:

Код

[alert=green]Успешно![/alert]
[alert=red]Ошибка![/alert]
[alert=blue]Информация![/alert]
[alert=orange]Предупреждение![/alert]

Разрешить в подписях: Да (если хотите, чтобы пользователи могли использовать BB-код в подписях).

Добавляем стили в extra.less
Перейдите в Внешний вид → Шаблоны → extra.less и добавьте этот код:

код

.custom-alert {
color: #ffffff;
padding: 15px;
border-radius: 5px;
font-size: 16px;
text-align: center;
margin: 10px 0;
}

/* Зелёный (успешно) */
.custom-alert-green {
background-color: #2d7d2b;
border: 2px solid #43a047;
}

/* Красный (ошибка) */
.custom-alert-red {
background-color: #b71c1c;
border: 2px solid #e53935;
}

/* Синий (информация) */
.custom-alert-blue {
background-color: #1e3a5f;
border: 2px solid #1976d2;
}

/* Оранжевый (предупреждение) */
.custom-alert-orange {
background-color: #ff8c00;
border: 2px solid #ff9800;
}

Теперь можно использовать :)