Welcome!

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

SignUp Now!

Закрыто Новые баннеры CRMP ONLINE 2026

Статус
В этой теме нельзя размещать новые ответы.
Paris Werkalov

Paris Werkalov

Янв
4
18
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
На данный момент сливаю для вас новые баннера CRMP ONLINE 2026, на их форуме всё скопировано до мелочей. Сами скриншоты мне делать лень поэтому вот пример, иконки групп можно настроить самим.

IMG_20260128_144004.jpg

жми на реакцию "Мне нравится"


Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
 
Последнее редактирование:
Paris Werkalov

Paris Werkalov

Янв
4
18
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
unloadmod написал(а):
Кому интересно, что было в том файле:
пепэц: 
@charset "UTF-8"; /********* public:member.less ********/
.memberHeader:before,.memberHeader:after {
    content: " ";
    display: table
}

.memberHeader:after {
    clear: both
}

.memberHeader-main {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: rgba(242,244,255,0.04);
    border-bottom: 1px solid rgba(247,247,247,0.045)
}

.memberHeader--withBanner .memberHeader-main {
    min-height: 250px
}

.memberHeader-mainContent {
    position: relative
}

.memberHeader-avatar {
    position: absolute;
    padding: 10px
}

.memberHeader-content {
    padding: 10px;
    padding-left: 212px
}

.memberHeader-actionTop {
    float: right
}

.memberHeader-name {
    margin: 0;
    margin-top: -.15em;
    padding: 0;
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    font-weight: 500
}

.memberHeader--withBanner .memberHeader-name {
    color: white
}

.memberHeader-nameChangeIndicator {
    color: #bfc0c4;
    font-size: 75%
}

.memberHeader-nameChangeIndicator:hover {
    color: #bfc0c4
}

.memberHeader--withBanner .memberHeader-nameChangeIndicator {
    color: #ccc
}

.memberHeader--withBanner .memberHeader-nameChangeIndicator:hover {
    color: #ccc
}

.memberHeader--withBanner .username {
    text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000
}

.memberHeader--withBanner .memberHeader-nameChangeIndicator .fa-history {
    text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000
}

.memberHeader--withBanner .memberHeader-blurbContainer {
    color: white;
    background: rgba(0,0,0,0.4);
    border-radius: 4px;
    padding: 6px;
    margin-top: 6px;
    text-shadow: 0 0 1px #000
}

.memberHeader--withBanner .memberHeader-blurbContainer .memberHeader-blurb:first-child {
    margin-top: 0
}

.memberHeader--withBanner .memberHeader-blurbContainer .memberHeader-blurb .pairs dt,.memberHeader--withBanner .memberHeader-blurbContainer .memberHeader-blurb a {
    color: #ccc
}

.memberHeader-banners,.memberHeader-blurb {
    margin-top: 3px
}

.memberHeader-separator {
    margin: 10px 0;
    border: none;
    border-top: 1px solid rgba(247,247,247,0.045)
}

.memberHeader-stats {
    font-size: 17px
}

.memberHeader-stats .pairs.pairs--row {
    min-width: 100px
}

@media (max-width: 650px) {
    .memberHeader-avatar .avatar {
        width:96px;
        height: 96px;
        font-size: 58px
    }

    .memberHeader-content {
        padding-left: 116px
    }
}

@media (max-width: 480px) {
    .memberHeader-avatar {
        display:block;
        position: static;
        float: none;
        padding-bottom: 0;
        text-align: center
    }

    .memberHeader-avatar .avatarWrapper-update {
        font-size: 13px
    }

    .memberHeader-content {
        padding-left: 10px
    }

    .memberHeader-main .memberHeader-content {
        display: flex;
        flex-direction: column;
        padding-top: 0;
        min-height: 0;
        text-align: center
    }

    .memberHeader-name {
        text-align: center;
        margin-top: 0
    }

    .memberHeader-actionTop {
        float: none;
        order: 2;
        margin-top: 3px
    }

    .memberHeader-buttons {
        text-align: center
    }

    .memberHeader-banners,.memberHeader-blurb {
        text-align: inherit
    }
}

.block-tabHeader.block-tabHeader--memberTabs {
    border-bottom: none
}

.memberOverviewBlocks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.memberOverviewBlocks>li {
    width: 33.3%;
    max-width: 100%;
    padding: 6px 10px
}

@media (max-width: 1150px) {
    .memberOverviewBlocks>li {
        width:50%
    }
}

@media (max-width: 580px) {
    .memberOverviewBlocks>li {
        width:100%
    }
}

.memberOverviewBlock {
    display: flex;
    flex-direction: column
}

.memberOverviewBlock-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.memberOverviewBlock-list>li {
    margin: 6px 0
}

.memberOverviewBlock-seeMore {
    background: rgba(242,244,255,0.04);
    border: 1px solid rgba(247,247,247,0.045);
    padding: 3px;
    text-align: center;
    margin-top: auto
}

@media (min-width: 651px) {
    .memberHeader {
        min-height:212px
    }
}

/********* public:extra.less ********/
.userBanner {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 72%;
    padding: 6px 12px;
    border-radius: 22px 8px;
    letter-spacing: .6px;
    background: linear-gradient(120deg, #7f00ff, #00c6ff, #f0c);
    background-size: 400% 400%;
    animation: AnimBanner 10s ease infinite;
    box-shadow: 0 0 20px rgba(127,0,255,0.7);
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    border: 1px solid rgba(255,255,255,0.25);
    position: relative;
    cursor: pointer
}

.userBanner::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 0;
    height: 2px;
    background: #ff2a2a;
    border-radius: 6px;
    transition: all .35s ease;
    transform: translateX(-50%)
}

.userBanner:hover::after {
    width: 100%
}

.venezuela {
    padding: 4px 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(120deg, #ffd700, #00f, #f00);
    background-size: 500% 500%;
    box-shadow: 0 8px 28px rgba(255,0,128,0.8);
    border: 1px solid rgba(255,255,255,0.4);
    animation: gradientShift 6s ease-in-out infinite;
    transition: transform .3s ease,box-shadow .3s ease,filter .3s ease
}

.venezuela:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 12px 35px rgba(0,0,0,0.7);
    filter: brightness(1.15)
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.userBanner.userBanner--staff {
    padding: 4px 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(120deg, #ff0080, #7f00ff, #00ffd5, #00ff85);
    background-size: 500% 500%;
    box-shadow: 0 8px 28px rgba(255,0,128,0.8);
    border: 1px solid rgba(255,255,255,0.4);
    animation: gradientShift 6s ease-in-out infinite;
    transition: transform .3s ease,box-shadow .3s ease,filter .3s ease
}

.userBanner.userBanner--staff:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 12px 35px rgba(0,0,0,0.7);
    filter: brightness(1.15)
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.userBanner--wagnersex {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%
}

.userBanner--winstongroup {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #7442c8, #9400d3, #000080, #f0f);
    background-size: 900% 900%;
    text-transform: uppercase;
    font-style: Hight;
    font-size: 87%;
    border-radius: 30px;
    text-align: center;
    padding: 1px 10px 3px;
    animation: AnimBanner 5s ease infinite
}

.userBanner--shontakers {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%
}

.userBanner--gosharespach {
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #f00, #00f, #f00, #00f, #f00, #00f, #f00, #00f);
    background-size: 900% 900%
}

.wag {
    background: linear-gradient(45deg, #f00, #c00, #f00, #c00) !important;
    background-size: 400% 400% !important;
    animation: wagnerShimmer 3s ease-in-out infinite !important;
    color: white !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    border: none !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 2px 8px rgba(255,0,0,0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 4px !important;
    text-shadow: 0 0 10px rgba(255,0,0,0.7) !important;
    letter-spacing: 1px !important;
    min-height: 22px !important;
    max-height: 24px !important;
    line-height: 1.3 !important
}

.wag::after {
    content: '';
    background-image: url('https://steamuserimages-a.akamaihd.net/ugc/2017102299334556140/2850FEB3E6AA7B24685305EC7610E5BCC874983F/?imw=512&imh=619&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 12px rgba(255,255,255,0.8),0 0 18px rgba(255,0,0,0.6),0 3px 6px rgba(0,0,0,0.3);
    animation: wagnerPhoto 3s ease-in-out infinite;
    flex-shrink: 0 !important;
    align-self: center !important;
    filter: brightness(1.15) contrast(1.08) saturate(1.2)
}

.wag:hover {
    animation: wagnerPulse .5s ease-in-out !important;
    transform: scale(1.04) !important
}

.wag:hover::after {
    transform: scale(1.15) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4)
}

.avatar {
    border-radius: 50%;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
    filter: none !important;
    transform: none !important
}

.memberHeader-avatar .avatar {
    border-radius: 50%
}

.avatar--xxs,.avatar--xs,.avatar--s,.avatar--m,.avatar--l,.avatar--xl,.message-userAvatar .avatar,.memberHeader-avatar .avatar {
    box-shadow: none !important;
    border: none !important;
    border-radius: 50%
}

.username--style2:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2bd";
    font-weight: 600;
    padding-right: 2px;
    display: inline-block
}

.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f06d";
    font-weight: 600;
    padding-right: 2px;
    display: inline-block
}

.username--style5:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f5c0";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style175:before {
    font-family: "Font Awesome 5 Pro";
    content: "\e3c8";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style6:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style8:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f66d";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style9:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6d5";
    font-weight: 600;
    padding-right: 2px;
    display: inline-block
}

.username--style10:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f72e";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style11:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style12:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style14:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f43f";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style14:after {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('https://i.postimg.cc/15hXHRLp/Picsart-25-05-17-15-14-02-182.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 2px;
    vertical-align: middle
}

.username--style15:after {
    content: "tex";
    color: white;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    border-radius: 3px;
    border-width: 3px;
    border-style: solid;
    border-color: red;
    border-image: initial;
    padding: 0px 4px;
    margin: 0px 5px -3px
}

.username--style15::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f059";
    font-weight: 600;
    display: inline-block;
    margin-right: 1px
}

.username--style16:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4c4";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style17:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style18:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f121";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style19:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f3ed";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style20:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f747";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style21:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0fb";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style22:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f595";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style24:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f129";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style25:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f5fd";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style26:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f11b";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style32:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f699";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style33:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4fb";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style33:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f645";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style35:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f001";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style37:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f132";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style38:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f651";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style39:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f595";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style41:before,.username--style43:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f135";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style119:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f544";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style42:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4fb";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style46:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f595";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style47:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f82b";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style48:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f072";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style50:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style52:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f544";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style54:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f71d";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style55:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f336";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style68:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f132";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style69:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f5ec";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style70:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6eb";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style72:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2bb";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style73:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2dc";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

.username--style90:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style90:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f8f6";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style94:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f02e";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style95:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f02e";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style100:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f645";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style107:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style111::after {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url('https://i.postimg.cc/RhZpHqZB/Picsart-25-10-12-22-10-08-632.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 4px;
    vertical-align: middle
}

.username--style114:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f890";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style116:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f645";
    font-weight: 600;
    padding-right: 1px;
    display: inline-block
}

.username--style118:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f102";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

.username--style123:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f030";
    font-weight: 600;
    display: inline-block;
    margin-right: 5px
}

.username--style124:before {
    font-family: "Font Awesome 5 Pro";
Нажмите для раскрытия...
Не от кого не скрываем 😁 молодец что сюда скинул только ты не весь файл скинул 😅
 
Paris Werkalov

Paris Werkalov

Янв
4
18
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
unloadmod написал(а):
Потому что там столько лишнего, что аж форум не вытянул такого и пришлось чуть урезать
Нажмите для раскрытия...
Ну там не только краски там и баннера тем и другие ⚠️
 
Paris Werkalov

Paris Werkalov

Янв
4
18
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
unloadmod написал(а):
В чем отличие красок от баннеров и что делают краски
Нажмите для раскрытия...
Не обращай внимания специально для тебя уберу лишние вещи
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху