Как сделать такие предупреждения

[Sigmagg]

Вот такие предупреждения в темах либо над сообщениями

 

[code67]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

переходишь на сообщение - кнопка "предупредить" - "Пользовательское предупреждение:"

 

[Sigmagg]

переходишь на сообщение - кнопка "предупредить" - "Пользовательское предупреждение:"

А как менять цвета, тепа у меня первый как сделать жёлтый

 

[code67]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

А как менять цвета, тепа у меня первый как сделать жёлтый

ссылку на форум дай и тему где ты предупредил

 

[Sigmagg]

ссылку на форум дай и тему где ты предупредил

https://forum-crmp.sampproject.ru/index.php?threads/%D0%9F%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D0%B0-%D0%BE%D0%B3%D1%80%D0%B0%D0%B1%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B8%D0%BD%D0%BA%D0%B0%D1%81%D1%81%D0%B0%D1%82%D0%BE%D1%80%D0%BE%D0%B2.17/

 

[code67]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

.messageNotice--warning {
margin: 10px 0;
padding: 10px 10px;
color: #cccccc;
font-size: 1.3rem;
border-left: 2px solid #c636ff;
background: #2e2e2e;
margin-top: 0;
}

фикси это. color - цвет текста. background - задний фон(то что сзади и то что тебе нужно). border-left - полосочка справа.

чтоб пофиксить идешь в extra.less и что поменял добавлять туда и подставляешь !important.
пример:

.messageNotice--warning {
background: #fff !important;
}

 

[KeoFox]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Не правильный код элемента нашёл если хочешь изменить именно цвет предупреждения.
Ищем дальше

.messageNotice {
margin: 10px 0;
padding: 10px 10px;
color: #cccccc;
font-size: 1.3rem;
border-left: 2px solid #c636ff;
background: #2e2e2e;
margin-top: 0;
}

фикси это. color - цвет текста. background - задний фон(то что сзади и то что тебе нужно). border-left - полосочка справа.

чтоб пофиксить идешь в extra.less и что поменял добавлять туда и подставляешь !important.
пример:

.messageNotice {
background: #fff !important;
}

 

[code67]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Не правильный код элемента нашёл если хочешь изменить именно цвет предупреждения.
Ищем дальше

прошу прощения. messageNotice--warning

 

[code67]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Не правильный код элемента нашёл если хочешь изменить именно цвет предупреждения.
Ищем дальше

OFFTOP

правильно я понял вашу мысль?

 

[KeoFox]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

прошу прощения. messageNotice--warning

во теперь правильно, если именно речь идёт о предупреждении

.messageNotice

а это меняет вообще всё к чему относится

 

[code67]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

во теперь правильно, если именно речь идёт о предупреждении


а это меняет вообще всё к чему относится

OFFTOP

не заметил что копирую из f12(

 

[Kolpak]

.messageNotice
{
    border: none;
    
    &.messageNotice--highlighted
    {
        color: #fff;
        background: #182026;
    }
    
    &.messageNotice--deleted
    {
        color: #c84448;
        background: #231a1a;
        
        &:before
        {
            color: #c84448;
        }
    }
    
    &.messageNotice--moderated
    {
        color: #52ba69;
        background: #1b221d;
        
        &:before
        {
            color: #52ba69;
        }
    }
    
    &.messageNotice--warning
    {
        color: #e68a1d;
        background: #251f17;
        
        &:before
        {
            color: #e68a1d;
        }
    }
}