Иконка в краске

[qwerty🛡️]

Здравствуйте как у группе пользователя (В краске тоесть) добавить маленькую иконку или маленькое изображение как на фотке

Автор фотки @stralis

 

[heartless]

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

ссылку на форум дай

 

[heartless]

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

если же нету, то это скорее всего
1. уже был такой баннер(фото)
2. css код и ты в это окно вставляешь фото(то есть для каждой роли можно такое сделать и вставить фото)

 

[Dev Cold]

.userBanner {
    text-transform: uppercase;
    font-weight: 800;
    padding: 3px 5px 3px 3px;
    border: 1px solid transparent;
    border-radius: 10px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    background-size: 500% 500%;
    animation: AnimBanner 10s ease infinite;
    align-items: center;
    align-content: center;
    position: relative
}

.userBanner strong {
    font-size: 85%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 800;
    padding-left: 3px;
    line-height: .95;
    text-shadow: 1px 0 1px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.5),-1px 0 1px rgba(0,0,0,0.5),0 -1px 1px rgba(0,0,0,0.5)
}

.message-userBanner.userBanner {
    display: flex
}

@media (max-width: 650px) {
    .message:not(.message--forceColumns) .message-userTitle,.message:not(.message--forceColumns) .message-userBanner.userBanner {
        display:inline-flex
    }
}

.userBanner.userBanner--staff {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%);
    background-image: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
    background-size: 900% 900%
}

.userBanner.userBanner--staff .userBanner-before:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: url('Ссылка или путь') no-repeat center / 23px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 50%
}

.userBanner.userBanner--название {
    color: #fff;
    background-color: #7fff00;
    border: none;
    background-image: linear-gradient(to right, #ffd700 0%, #ff0 100%)
}

.userBanner.userBanner--название .userBanner-before:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: url('Ссылка или путь') no-repeat center / 23px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 50%
}

 

[heartless]

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

.userBanner {
    text-transform: uppercase;
    font-weight: 800;
    padding: 3px 5px 3px 3px;
    border: 1px solid transparent;
    border-radius: 10px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    background-size: 500% 500%;
    animation: AnimBanner 10s ease infinite;
    align-items: center;
    align-content: center;
    position: relative
}

.userBanner strong {
    font-size: 85%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 800;
    padding-left: 3px;
    line-height: .95;
    text-shadow: 1px 0 1px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.5),-1px 0 1px rgba(0,0,0,0.5),0 -1px 1px rgba(0,0,0,0.5)
}

.message-userBanner.userBanner {
    display: flex
}

@media (max-width: 650px) {
    .message:not(.message--forceColumns) .message-userTitle,.message:not(.message--forceColumns) .message-userBanner.userBanner {
        display:inline-flex
    }
}

.userBanner.userBanner--staff {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%);
    background-image: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
    background-size: 900% 900%
}

.userBanner.userBanner--staff .userBanner-before:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: url('Ссылка или путь') no-repeat center / 23px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 50%
}

.userBanner.userBanner--название {
    color: #fff;
    background-color: #7fff00;
    border: none;
    background-image: linear-gradient(to right, #ffd700 0%, #ff0 100%)
}

.userBanner.userBanner--название .userBanner-before:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: url('Ссылка или путь') no-repeat center / 23px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 2px;
    border-radius: 50%
}

OFFTOP

смысл ему от этого если надо заменить иконку проекта?

 

[Dev Cold]

OFFTOP

смысл ему от этого если надо заменить иконку проекта?

OFFTOP

Так а что же ты не помогаешь?

Имеется плагин для загрузки иконки к группе пользователя
Имеется код для вставки иконки к группе пользователя
Имеется простая загрузка полного баннера к группе пользователя

 

[heartless]

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

OFFTOP

Так а что же ты не помогаешь?

Имеется плагин для загрузки иконки к группе пользователя
Имеется код для вставки иконки к группе пользователя
Имеется простая загрузка полного баннера к группе пользователя

OFFTOP

я спросил что именно нужно

 

[Dev Cold]

Аризоновский код с картинки

.arizonaBanner {
    width: 150px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex;
    &.osnova {
        background: url(путь к файлу/osnova.png);
    }
    &.ga {
        background: url(путь к файлу/ga.png);
    }
    &.zga {
        background: url(путь к файлу/zga.png);
    }
    &.cur {
        background: url(путь к файлу/cur.png);
    }
    &.tex {
        background: url(путь к файлу/tex.png);
    }
    &.adm {
        background: url(путь к файлу/adm.png);
    }
    &.mla {
        background: url(путь к файлу/mla.png);
    }
    &.help {
        background: url(путь к файлу/help.png);
    }
    &.user {
        background: url(путь к файлу/user.png);
    }
}

background: url(путь к файлу/user.png); - весь баннер