Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
Пользователь
Регистрация
30 Окт 2025
Сообщения
23
Мне нужны банеры и ники данных фа из форума крмп онлайн

Заранее спасибо
 
Пользователь
Регистрация
15 Сен 2025
Сообщения
78
Мне нужны банеры и ники данных фа из форума крмп онлайн

Заранее спасибо
Могу дать только баннеры
Код:
 .userBanner
{
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 1000px 450px 1000px 450px;
    padding: 5px 7px;
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite;
    
    &.userBanner--staff
    {
        color: #fff;
        border: .6mm ridge rgba(255,255,255,0.2);
        background: linear-gradient(270deg, #04b, #bb0, #a00);
        background-size: 900% 900%
    }
    
    &.gts
    {
        background: #FF0000;
        color: white;
        text-align: center;
        font-size: 13px;
        font-weight: 500;
        border-radius: 10px 0px 10px 0px;
        padding: 4px;
        border: none
    }
    
    &.razrab
    {
        background-image: linear-gradient(270deg, #f819a7, #4619f8)
    }
    
    &.stadm {
        background-image: linear-gradient(270deg, #06f, #04b)
    }
    
    &.soskags {
        background-image: linear-gradient(270deg, #49cc2c, #00ced1)
    }
        
    &.soskazgs {
        background-image: linear-gradient(270deg, #06f, #ba55d3)
    }
    
    &.redadmin {
        background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
    }
    
    &.user {
        background-image: linear-gradient(270deg, #bcbbbb, #515151)
   }
        
    &.admin {
        background-image: linear-gradient(270deg, #f00, #dc00ff, #ff9400);
        color: black;
        padding: 5px 8px
    }
        
    &.mlmoder {
        background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
    }
        
    &.stadm {
        background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
    }
    
    &.stmod {
        background-image: linear-gradient(270deg, #f819a7, #0859fc)
    }
&.sample {
        background-image: linear-gradient(270deg, #ffb3ff, #4d4dff, #8b4513)
    } 
&.pawno {
        background-image: linear-gradient(270deg, #0c1bed, #5f6063)
    }     
  
    &.moder {
        background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
    }
        
    &.osnov {
        background-image: linear-gradient(270deg, #feea10, #ff931e);
   }
        
    &.super {
        background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
    }
        
    &.ga {
        background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
    }
        
    &.lider {
        background-image: linear-gradient(270deg, #da0, #f08b9a)
    }
    
    &.kur {
        background-image: linear-gradient(270deg, #b0284d, #497fff)
    }
        
    &.adm {
        background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
    }
        
    &.developer {
        background-image: linear-gradient(270deg,#9932CC, #8B008B, #9932CC)
    }
        
    &.teh {
        background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
    }
        
    &.moder {
        background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
    }
        
    &.grand {
        background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
    }
        
    &.black {
        background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
    }
        
    &.sueta {
        background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
    }
        
    &.hassle {
        background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
    }
        
    &.test {
        background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
    }
        
    &.project {
        background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
    }
        
    &.sponsor {
        background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
    }
        
    &.spec {
      background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
    }
        
    &.osnovatel {
        background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
    }
        
    &.Gladmin {
             background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
    }
        
    &.ZGadmin {
        background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
    }
        
    &.rykproekta {
        background-image: linear-gradient(270deg, #8b006d, #f00)
    }
}

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

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

    100% {
        background-position: 0% 50%
    }
}
@font-face {
    font-family: 'DIN Next Rounded LT Pro';
    src: url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.eot');
    src: url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.woff2') format('woff2'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.woff') format('woff'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.ttf') format('truetype'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Regular.svg#ProximaSoft-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next Rounded LT Pro';
    src: url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.eot');
    src: url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.woff2') format('woff2'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.woff') format('woff'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.ttf') format('truetype'), url('/styles/fonts/shrift/DINNextRoundedLTPro-Bold.svg#ProximaSoft-Semibold') format('svg');
    font-weight: 700;
    font-style: normal;
}
.username--style7:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f06d";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style7:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style5:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6d5";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style5:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style12:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f590";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style12:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style13:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f5c0";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.label
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 3px 5px;
    text-align: center;
    border-radius: 5px;
    
    &.v /* красный цвет */
    {
        background: #ff0000;
        box-shadow: 0 0 12px #f00
    }
    
    &.ras /* синий цвет */
    {
        background: #0044ff;
        box-shadow: 0 0 12px #04f
    }
    
    &.otk /* зеленый цвет */
    {
        background: #00AA00;
        box-shadow: 0 0 12px #0a0
    }
    
    &.rasm /* оранжевый цвет */
    {
        background: #ee7700;
            box-shadow: 0 0 12px #e70
    }
    
    &.inf /* желтый цвет */
    {
        background: #ffbb00;
        box-shadow: 0 0 12px #fb0
    }
}
.username--style14:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f66d";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style14:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style17:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f11b";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style17:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style24:before {
    font-family: "Font Awesome 5 Pro";
    content: "\e047";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style24:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style16:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f43f";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style16:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style15:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f699";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style15:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style20:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4c4";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style20:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style19:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f135";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style19:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style2:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2bd";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style2:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style6:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6d5";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style6:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.username--style18:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f81d";
font-weight: 600;
    padding-right: 1px;
    display: inline-block;
}
.username--style18:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}



.pRed {
    background-image: linear-gradient(150deg, #f00, #b22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #f00
}

.pOrange {
    background-image: linear-gradient(150deg, #ffa500, #ffd700);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #ffa500
}

.pBlue {
    background-image: linear-gradient(150deg, #00bfff, #00f);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #00f
}

.pGreen {
    background-image: linear-gradient(150deg, #32cd32, #008000);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #32cd32
}

.pYellow {
    background-image: linear-gradient(150deg, #f0e68c, #ff0);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #ff0
}

.pLightGreen {
    background-image: linear-gradient(150deg, #90ee90, #0f0);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #0f0
}

.pSkyBlue {
    background-image: linear-gradient(150deg, #87ceeb, #add8e6);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #87ceeb
}

.pRoyalBlue {
    background-image: linear-gradient(150deg, #4169e1, #0000cd);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #4169e1
}


@-webkit-keyframes wave {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}
 
Сверху