Пользователь
- Регистрация
- 25 Окт 2025
- Сообщения
- 20
- Автор темы
- #1
дайте пожалуйста новые баннеры форума crmp online.
Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.
Зарегистрироваться!.userBanner {
color: white;
text-transform: uppercase;
font-weight: 700;
font-size: 72%;
border-radius: 10px;
padding: 5.3px 7.3px;
border: .5mm ridge rgba(255,255,255,0.4);
background-size: 700% 700%;
animation: AnimBanner 10s ease infinite
}
.userBanner.userBanner--staff {
border: .6mm ridge rgba(255,255,255,0.4);
background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%, #00b9ff, #d104ff, #2800ff);
background-size: 900% 900%
}
.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%
}
.razrab {
background-image: linear-gradient(270deg, #f819a7, #4619f8);
box-shadow: #f819a7 1px 1px 10px
}
.durov {
background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513);
box-shadow: #a0522d 1px 1px 10px
}
.stadm {
background-image: linear-gradient(270deg, #06f, #04b);
box-shadow: #06f 1px 1px 10px
}
.soskags {
background-image: linear-gradient(270deg, #49cc2c, #00ced1);
box-shadow: #49cc2c 1px 1px 10px
}
.kot {
background-image: linear-gradient(270deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
box-shadow: #8b0000 1px 1px 10px
}
.soskazgs {
background-image: linear-gradient(270deg, #06f, #ba55d3);
box-shadow: #06f 1px 1px 10px
}
.redadmin {
background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000);
box-shadow: #f00 1px 1px 10px
}
.user {
background-image: linear-gradient(270deg, #bcbbbb, #515151);
box-shadow: #bcbbbb 1px 1px 10px
}
.sledfrac {
background-image: linear-gradient(270deg, #33f, #120a8f);
box-shadow: #33f 1px 1px 10px
}
.admin {
background-image: linear-gradient(270deg, #6e48aa, #9d50bb, #9932cc, #9400d3, #7442c8, #8a2be2);
box-shadow: #6e48aa 1px 1px 10px
}
.mlmoder {
background-image: linear-gradient(270deg, #80c3df, #0da, #0a8);
box-shadow: #80c3df 1px 1px 10px
}
.stmod {
background-image: linear-gradient(270deg, #f819a7, #0859fc);
box-shadow: #f819a7 1px 1px 10px
}
.moder {
background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
box-shadow: #01a72c 1px 1px 10px
}
.osnov {
background-image: linear-gradient(270deg, #feea10, #ff931e);
color: black;
box-shadow: #feea10 1px 1px 10px
}
.ga {
background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa);
box-shadow: #32cd32 1px 1px 10px
}
.osnovakp {
border: .6mm ridge rgba(255,255,255,0.4);
background: linear-gradient(270deg, #04b, #bb0, #a00);
background-size: 900% 900%;
box-shadow: #04b 1px 1px 10px
}
.super {
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00);
position: relative;
z-index: 1
}
.lider {
background-image: linear-gradient(270deg, #da0, #f08b9a);
box-shadow: #da0 1px 1px 10px
}
.kur {
background-image: linear-gradient(270deg, #b0284d, #497fff);
box-shadow: #497fff 1px 1px 10px
}
.zablok {
background-image: linear-gradient(270deg, #000);
box-shadow: #000 1px 1px 10px
}
.adm {
background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c);
box-shadow: #6b8e23 1px 1px 10px
}
.teh {
background-image: linear-gradient(270deg, #ff4500, #b50, #c00);
box-shadow: #ff4500 1px 1px 10px
}
.grand {
background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e);
box-shadow: #f4a460 1px 1px 10px
}
.black {
background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000);
box-shadow: #dc143c 1px 1px 10px
}
.sueta {
background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513);
box-shadow: #808080 1px 1px 10px
}
.hassle {
background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00);
box-shadow: #ffd700 1px 1px 10px
}
.lunar {
background-image: linear-gradient(270deg, #ff69b4, #d16aff);
box-shadow: #ff69b4 1px 1px 10px
}
.test {
background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4);
box-shadow: #c71585 1px 1px 10px
}
.melky {
background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6);
box-shadow: #9370db 1px 1px 10px
}
.project {
background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
box-shadow: #d600c1 1px 1px 10px
}
.stkot {
background-image: linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179);
box-shadow: #ff5b00 1px 1px 10px
}
.sponsor {
background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2);
box-shadow: #6a5acd 1px 1px 10px
}
.spec {
background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c);
box-shadow: #f00 1px 1px 10px
}
.osnovatel {
background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10);
box-shadow: #feea10 1px 1px 10px
}
.Gladmin {
background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21);
box-shadow: #5ade21 1px 1px 10px
}
.ZGadmin {
background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524);
box-shadow: #4bb524 1px 1px 10px
}
.rykproekta {
background-image: linear-gradient(270deg, #8b006d, #f00);
box-shadow: #f00 1px 1px 10px
}
.zrpice {
background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff);
box-shadow: #b296ff 1px 1px 10px
}
.iceteam {
background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ff0, #758cff);
box-shadow: #b870ff 1px 1px 10px
}
.pluxury {
background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75);
box-shadow: #ff6745 1px 1px 10px
}
.furmangroup {
background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8);
box-shadow: #e785ff 1px 1px 10px
}
.kasper {
background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6);
box-shadow: #ff3df9 1px 1px 10px
}
.furmanvip {
background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff);
box-shadow: #458f51 1px 1px 10px
}
.dagovsky {
background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6);
box-shadow: #992572 1px 1px 10px
}
.respachegroup {
background-image: linear-gradient(270deg, #f00, #000);
box-shadow: #f00 1px 1px 10px
}
.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)
}
.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%
}
@keyframes AnimBanner {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes wagnerShimmer {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes wagnerPhoto {
0%,100% {
transform: scale(1) rotate(0deg);
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)
}
50% {
transform: scale(1.12) rotate(6deg);
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)
}
}
@keyframes wagnerPulse {
0% {
transform: scale(1)
}
50% {
transform: scale(1.06)
}
100% {
transform: scale(1.04)
}
}
@keyframes AnimNic {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
Гдк найти инструкцию куда вставлятьВ extra.less:.userBanner { color: white; text-transform: uppercase; font-weight: 700; font-size: 72%; border-radius: 10px; padding: 5.3px 7.3px; border: .5mm ridge rgba(255,255,255,0.4); background-size: 700% 700%; animation: AnimBanner 10s ease infinite } .userBanner.userBanner--staff { border: .6mm ridge rgba(255,255,255,0.4); background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%, #00b9ff, #d104ff, #2800ff); background-size: 900% 900% } .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% } .razrab { background-image: linear-gradient(270deg, #f819a7, #4619f8); box-shadow: #f819a7 1px 1px 10px } .durov { background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513); box-shadow: #a0522d 1px 1px 10px } .stadm { background-image: linear-gradient(270deg, #06f, #04b); box-shadow: #06f 1px 1px 10px } .soskags { background-image: linear-gradient(270deg, #49cc2c, #00ced1); box-shadow: #49cc2c 1px 1px 10px } .kot { background-image: linear-gradient(270deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000); box-shadow: #8b0000 1px 1px 10px } .soskazgs { background-image: linear-gradient(270deg, #06f, #ba55d3); box-shadow: #06f 1px 1px 10px } .redadmin { background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000); box-shadow: #f00 1px 1px 10px } .user { background-image: linear-gradient(270deg, #bcbbbb, #515151); box-shadow: #bcbbbb 1px 1px 10px } .sledfrac { background-image: linear-gradient(270deg, #33f, #120a8f); box-shadow: #33f 1px 1px 10px } .admin { background-image: linear-gradient(270deg, #6e48aa, #9d50bb, #9932cc, #9400d3, #7442c8, #8a2be2); box-shadow: #6e48aa 1px 1px 10px } .mlmoder { background-image: linear-gradient(270deg, #80c3df, #0da, #0a8); box-shadow: #80c3df 1px 1px 10px } .stmod { background-image: linear-gradient(270deg, #f819a7, #0859fc); box-shadow: #f819a7 1px 1px 10px } .moder { background-image: linear-gradient(270deg, #01a72c, #df841a, #468153); box-shadow: #01a72c 1px 1px 10px } .osnov { background-image: linear-gradient(270deg, #feea10, #ff931e); color: black; box-shadow: #feea10 1px 1px 10px } .ga { background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa); box-shadow: #32cd32 1px 1px 10px } .osnovakp { border: .6mm ridge rgba(255,255,255,0.4); background: linear-gradient(270deg, #04b, #bb0, #a00); background-size: 900% 900%; box-shadow: #04b 1px 1px 10px } .super { background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00); position: relative; z-index: 1 } .lider { background-image: linear-gradient(270deg, #da0, #f08b9a); box-shadow: #da0 1px 1px 10px } .kur { background-image: linear-gradient(270deg, #b0284d, #497fff); box-shadow: #497fff 1px 1px 10px } .zablok { background-image: linear-gradient(270deg, #000); box-shadow: #000 1px 1px 10px } .adm { background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c); box-shadow: #6b8e23 1px 1px 10px } .teh { background-image: linear-gradient(270deg, #ff4500, #b50, #c00); box-shadow: #ff4500 1px 1px 10px } .grand { background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e); box-shadow: #f4a460 1px 1px 10px } .black { background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000); box-shadow: #dc143c 1px 1px 10px } .sueta { background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513); box-shadow: #808080 1px 1px 10px } .hassle { background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00); box-shadow: #ffd700 1px 1px 10px } .lunar { background-image: linear-gradient(270deg, #ff69b4, #d16aff); box-shadow: #ff69b4 1px 1px 10px } .test { background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4); box-shadow: #c71585 1px 1px 10px } .melky { background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6); box-shadow: #9370db 1px 1px 10px } .project { background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6); box-shadow: #d600c1 1px 1px 10px } .stkot { background-image: linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179); box-shadow: #ff5b00 1px 1px 10px } .sponsor { background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2); box-shadow: #6a5acd 1px 1px 10px } .spec { background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c); box-shadow: #f00 1px 1px 10px } .osnovatel { background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10); box-shadow: #feea10 1px 1px 10px } .Gladmin { background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21); box-shadow: #5ade21 1px 1px 10px } .ZGadmin { background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524); box-shadow: #4bb524 1px 1px 10px } .rykproekta { background-image: linear-gradient(270deg, #8b006d, #f00); box-shadow: #f00 1px 1px 10px } .zrpice { background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff); box-shadow: #b296ff 1px 1px 10px } .iceteam { background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ff0, #758cff); box-shadow: #b870ff 1px 1px 10px } .pluxury { background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75); box-shadow: #ff6745 1px 1px 10px } .furmangroup { background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8); box-shadow: #e785ff 1px 1px 10px } .kasper { background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6); box-shadow: #ff3df9 1px 1px 10px } .furmanvip { background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff); box-shadow: #458f51 1px 1px 10px } .dagovsky { background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6); box-shadow: #992572 1px 1px 10px } .respachegroup { background-image: linear-gradient(270deg, #f00, #000); box-shadow: #f00 1px 1px 10px } .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) } .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% } @keyframes AnimBanner { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @keyframes wagnerShimmer { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @keyframes wagnerPhoto { 0%,100% { transform: scale(1) rotate(0deg); 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) } 50% { transform: scale(1.12) rotate(6deg); 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) } } @keyframes wagnerPulse { 0% { transform: scale(1) } 50% { transform: scale(1.06) } 100% { transform: scale(1.04) } } @keyframes AnimNic { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } }