Баннеры в теме

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 · 5 Мар 2025

Ку всем как сделать так что бы в теме была форма баннера та которая была указана в extra less

То есть там у них разная форма

skezzmasquit · Вчера в 18:20

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 написал(а):
Ку всем как сделать так что бы в теме была форма баннера та которая была указана в extra less

То есть там у них разная форма

Если не ошибаюсь эта баннера CRMP ONLINE

skezzmasquit · Вчера в 18:25

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 написал(а):
Ку всем как сделать так что бы в теме была форма баннера та которая была указана в extra less

То есть там у них разная форма

Less:

.banner
{
    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)
    }
        
    &.moder {
        background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
    }
        
    &.osnov {
        background-image: linear-gradient(270deg, #feea10, #ff931e);
        color: black
    }
        
    &.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)
    }
        
    &.mod {
        background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
    }
        
    &.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, #f00, #8b0000, #dc143c)
    }
        
    &.osnovatel {
        background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
    }
        
    &.Gladmin {
        background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
    }
        
    &.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%
    }

Kolpak · Вчера в 20:59

skezzmasquit написал(а):
Если не ошибаюсь эта баннера CRMP ONLINE

skezzmasquit написал(а):

Less:

.banner
{
    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)
    }
      
    &.moder {
        background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
    }
      
    &.osnov {
        background-image: linear-gradient(270deg, #feea10, #ff931e);
        color: black
    }
      
    &.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)
    }
      
    &.mod {
        background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
    }
      
    &.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, #f00, #8b0000, #dc143c)
    }
      
    &.osnovatel {
        background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
    }
      
    &.Gladmin {
        background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
    }
      
    &.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%
    }

OFFTOP

Вряд ли актуально. Автор использует стиль от DohTheme, они иногда добавляют код в стили, который в сообщении меняет border-radius у баннеров

LIVE SAMP

Баннеры в теме

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

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪

Вложения

skezzmasquit

Кто с мечом к нам придёт, от меча и погибнет!

skezzmasquit

Кто с мечом к нам придёт, от меча и погибнет!

Kolpak