Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Помогите

Окт
7
-1
Пользователь
Привет всем я хочу сделать роли как на этом форуме но не знаю как из сделать помогите пожалуйста

Токо без значка этого который на ролях
 

Вложения

  • Screenshot_20241031-214712.jpg
    Screenshot_20241031-214712.jpg
    511.4 KB · Просмотры: 38
@viovit_dev
Апр
2,102
1,319
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Less:
.userBanner {
    font-style: Hight;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 5px 3px 3px;
    border: 3px solid transparent;
    border-radius: 30px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative
}

.userBanner strong {
    font-size: 70%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    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: 990px) {
    .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, #000 0%, #fff 100%)
}

.userBanner.userBanner--redadmin {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #b22222 0%, #8b0000 100%)
}

.userBanner.userBanner--spec {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #dc143c 100%)
}

.userBanner.userBanner--sradminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #66b6c9 0%, #008000 100%)
}

.userBanner.userBanner--mladminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #49cc2c 0%, #82f358 100%)
}

.userBanner.userBanner--kuratorka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff69b4 0%, #f0f 100%)
}

.userBanner.userBanner--glavadminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #8b0000 0%, #dc143c 100%)
}

.userBanner.userBanner--zgashnick {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #32cd32 0%, #20b2aa 100%)
}

.userBanner.userBanner--blacki {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #bf0404 100%)
}

.userBanner.userBanner--sueti {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #d2691e 100%)
}

.userBanner.userBanner--hassli {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #e5cf05 0%, #daa520 100%)
}

.userBanner.userBanner--grandi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ffa500 0%, #ff8c00 100%)
}

.userBanner.userBanner--lider {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #fff500 0%, #ff8c00 100%)
}

.userBanner.userBanner--provereniy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #0859fc 100%)
}

.userBanner.userBanner--prempolziy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #0859fc 100%)
}

.userBanner.userBanner--tehovich {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #a52a2a 0%, #800000 100%)
}

.userBanner.userBanner--razrabi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #4619f8 100%)
}

.userBanner.userBanner--vladelecs {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--zamosnov {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--manager {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #800 80 100%)
}

.userBanner.userBanner--forumadm {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--moder {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--tehadmds {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00b9ff 0%, #2800ff 100%)
}

.userBanner.userBanner--kmddsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #859 fc 100%)
}

.userBanner.userBanner--zgtsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff003b 0%, #cc0231 100%)
}

.userBanner.userBanner--mvd {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00f 0%, #00008b 100%)
}

.userBanner.userBanner--fsb {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #000 0%, #000 100%)
}

.userBanner.userBanner--dyrka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ee82ee 0%, #ee82ee 100%)
}

.userBanner.userBanner--meria {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #c0c0c0 0%, #c0c0c0 100%)
}

.userBanner.userBanner--smi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #4682b4 0%, #4682b4 100%)
}

.userBanner.userBanner--armia {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #006400 0%, #006400 100%)
}

.userBanner.userBanner--batogp {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff8c00 0%, #ff8c00 100%)
}

.userBanner.userBanner--arzopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #808000 0%, #808000 100%)
}

.userBanner.userBanner--litopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #789 100%)
}

.userBanner.userBanner--diamond {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00fbff 0%, #000cff 100%)
}
 
Сен
36
10
Пользователь
Less:
.userBanner {
    font-style: Hight;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 5px 3px 3px;
    border: 3px solid transparent;
    border-radius: 30px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative
}

.userBanner strong {
    font-size: 70%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    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: 990px) {
    .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, #000 0%, #fff 100%)
}

.userBanner.userBanner--redadmin {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #b22222 0%, #8b0000 100%)
}

.userBanner.userBanner--spec {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #dc143c 100%)
}

.userBanner.userBanner--sradminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #66b6c9 0%, #008000 100%)
}

.userBanner.userBanner--mladminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #49cc2c 0%, #82f358 100%)
}

.userBanner.userBanner--kuratorka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff69b4 0%, #f0f 100%)
}

.userBanner.userBanner--glavadminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #8b0000 0%, #dc143c 100%)
}

.userBanner.userBanner--zgashnick {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #32cd32 0%, #20b2aa 100%)
}

.userBanner.userBanner--blacki {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #bf0404 100%)
}

.userBanner.userBanner--sueti {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #d2691e 100%)
}

.userBanner.userBanner--hassli {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #e5cf05 0%, #daa520 100%)
}

.userBanner.userBanner--grandi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ffa500 0%, #ff8c00 100%)
}

.userBanner.userBanner--lider {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #fff500 0%, #ff8c00 100%)
}

.userBanner.userBanner--provereniy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #0859fc 100%)
}

.userBanner.userBanner--prempolziy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #0859fc 100%)
}

.userBanner.userBanner--tehovich {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #a52a2a 0%, #800000 100%)
}

.userBanner.userBanner--razrabi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #4619f8 100%)
}

.userBanner.userBanner--vladelecs {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--zamosnov {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--manager {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #800 80 100%)
}

.userBanner.userBanner--forumadm {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--moder {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--tehadmds {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00b9ff 0%, #2800ff 100%)
}

.userBanner.userBanner--kmddsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #859 fc 100%)
}

.userBanner.userBanner--zgtsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff003b 0%, #cc0231 100%)
}

.userBanner.userBanner--mvd {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00f 0%, #00008b 100%)
}

.userBanner.userBanner--fsb {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #000 0%, #000 100%)
}

.userBanner.userBanner--dyrka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ee82ee 0%, #ee82ee 100%)
}

.userBanner.userBanner--meria {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #c0c0c0 0%, #c0c0c0 100%)
}

.userBanner.userBanner--smi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #4682b4 0%, #4682b4 100%)
}

.userBanner.userBanner--armia {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #006400 0%, #006400 100%)
}

.userBanner.userBanner--batogp {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff8c00 0%, #ff8c00 100%)
}

.userBanner.userBanner--arzopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #808000 0%, #808000 100%)
}

.userBanner.userBanner--litopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #789 100%)
}

.userBanner.userBanner--diamond {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00fbff 0%, #000cff 100%)
}
OFFTOP

ему же нужна ещё картинка сверху

 
Окт
7
-1
Пользователь
Less:
.userBanner {
    font-style: Hight;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 5px 3px 3px;
    border: 3px solid transparent;
    border-radius: 30px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative
}

.userBanner strong {
    font-size: 70%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    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: 990px) {
    .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, #000 0%, #fff 100%)
}

.userBanner.userBanner--redadmin {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #b22222 0%, #8b0000 100%)
}

.userBanner.userBanner--spec {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #dc143c 100%)
}

.userBanner.userBanner--sradminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #66b6c9 0%, #008000 100%)
}

.userBanner.userBanner--mladminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #49cc2c 0%, #82f358 100%)
}

.userBanner.userBanner--kuratorka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff69b4 0%, #f0f 100%)
}

.userBanner.userBanner--glavadminka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #8b0000 0%, #dc143c 100%)
}

.userBanner.userBanner--zgashnick {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #32cd32 0%, #20b2aa 100%)
}

.userBanner.userBanner--blacki {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f00 0%, #bf0404 100%)
}

.userBanner.userBanner--sueti {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #d2691e 100%)
}

.userBanner.userBanner--hassli {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #e5cf05 0%, #daa520 100%)
}

.userBanner.userBanner--grandi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ffa500 0%, #ff8c00 100%)
}

.userBanner.userBanner--lider {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #fff500 0%, #ff8c00 100%)
}

.userBanner.userBanner--provereniy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #0859fc 100%)
}

.userBanner.userBanner--prempolziy {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #0859fc 100%)
}

.userBanner.userBanner--tehovich {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #a52a2a 0%, #800000 100%)
}

.userBanner.userBanner--razrabi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f819a7 0%, #4619f8 100%)
}

.userBanner.userBanner--vladelecs {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--zamosnov {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}

.userBanner.userBanner--manager {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #800 80 100%)
}

.userBanner.userBanner--forumadm {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--moder {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}

.userBanner.userBanner--tehadmds {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00b9ff 0%, #2800ff 100%)
}

.userBanner.userBanner--kmddsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #7b9de0 0%, #859 fc 100%)
}

.userBanner.userBanner--zgtsik {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff003b 0%, #cc0231 100%)
}

.userBanner.userBanner--mvd {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00f 0%, #00008b 100%)
}

.userBanner.userBanner--fsb {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #000 0%, #000 100%)
}

.userBanner.userBanner--dyrka {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ee82ee 0%, #ee82ee 100%)
}

.userBanner.userBanner--meria {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #c0c0c0 0%, #c0c0c0 100%)
}

.userBanner.userBanner--smi {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #4682b4 0%, #4682b4 100%)
}

.userBanner.userBanner--armia {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #006400 0%, #006400 100%)
}

.userBanner.userBanner--batogp {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #ff8c00 0%, #ff8c00 100%)
}

.userBanner.userBanner--arzopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #808000 0%, #808000 100%)
}

.userBanner.userBanner--litopg {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #789 0%, #789 100%)
}

.userBanner.userBanner--diamond {
    color: #fff;
    background-color: #5c97bf;
    border: none;
    background-image: linear-gradient(to right, #00fbff 0%, #000cff 100%)
}
Спасибо
 
@viovit_dev
Апр
2,102
1,319
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
OFFTOP

ему же нужна ещё картинка сверху

1730449880045.png
 
A

Alone Devman

Крмп форум , : стараются делают, тем временем этот сайт😑
 
@viovit_dev
Апр
2,102
1,319
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
А как сделать еще аву перед роли
 
A

Alone Devman

А в каком фотошопе , можно сделать фото , и можете помочь чтобы двух-трех цветные баннера были , буду благодарен
 
Сверху