Куча баннеров для форума Крмп || Самп

[PantsPablo]

Сливаю для вас свои баннеры делал сам но не судите строго если не устраивает вас поменять цвета можете сдесь

Спойлер: Цвета

Цвет #85c1ff, rgb (133, 193, 255)

#85c1ff - информация о цвете, коды hex #85c1ff, RGB (133, 193, 255), CMYK, HSL, HSV и другие форматы и соответствия. Получите все оттенки или скачайте фото цвета.

get-color.ru

Сами баннеры

Спойлер: Баннеры

.MainAdmin {
    color: #337BFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.65em;
    padding: 3px 6px;
    border-radius: 20px;
    border: 2px solid #FF5733;
    background-color: #FFE5E5;
    animation: textPulse 1.5s infinite;
    text-align: center;
}

.TechAdmin {
    color: #337BFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.65em;
    padding: 3px 6px;
    border-radius: 20px;
    border: 2px solid #28A745;
    background-color: #E8F5E9;
    animation: textPulse 1.5s infinite;
    text-align: center;
}

.Founder {
    color: #337BFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.65em;
    padding: 3px 6px;
    border-radius: 20px;
    border: 2px solid #FFC107;
    background-color: #FFF8E1;
    animation: textPulse 1.5s infinite;
    text-align: center;
}

.Creator {
    color: #337BFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.65em;
    padding: 3px 6px;
    border-radius: 20px;
    border: 2px solid #17A2B8;
    background-color: #E0F7FA;
    animation: textPulse 1.5s infinite;
    text-align: center;
}

.Judge {
    color: #337BFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.65em;
    padding: 3px 6px;
    border-radius: 20px;
    border: 2px solid #6F42C1;
    background-color: #F3E5F5;
    animation: textPulse 1.5s infinite;
    text-align: center;
}

.NoBlat {
    color: #337BFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.65em;
    padding: 3px 6px;
    border-radius: 20px;
    border: 2px solid #DC3545;
    background-color: #FFEBEE;
    animation: textPulse 1.5s infinite;
    text-align: center;
}

.GS {
    color: #337BFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.65em;
    padding: 3px 6px;
    border-radius: 20px;
    border: 2px solid #007BFF;
    background-color: #E3F2FD;
    animation: textPulse 1.5s infinite;
    text-align: center;
}

.ByPantsPablo {
    color: #337BFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.65em;
    padding: 3px 6px;
    border-radius: 20px;
    border: 2px solid #FF4500;
    background-color: #FFE4E1;
    animation: textPulse 1.5s infinite;
    text-align: center;
}

@keyframes textPulse {
    0%, 100% {
        color: #337BFF;
    }
    50% {
        color: var(--random-color);
    }
}

Не судите строго делал криво

Заранее спасибо кстати напишите комент как вам если не трудно и реакция прожимите

 

[PantsPablo]

Может кому-то надо будет мб тоже мой баннер
.banner {
background: linear-gradient(45deg, #4CAF50, #81C784, #4CAF50);
color: white;
text-align: center;
padding: 5px 10px;
font-size: 1em;
font-weight: bold;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
animation: gradient-animation 3s ease infinite;
}

@keyframes gradient-animation {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
}

 

[damitz]

скриншоты можно пожалуйста?

 

[PantsPablo]

Секнлу

скриншоты можно пожалуйста?

Секунду

 

[PantsPablo]

скриншоты можно пожалуйста?

Дальше сами чекните

 

[damitz]

Посмотреть вложение 5377
Дальше сами чекните

спасибо, красивые

 

[PantsPablo]

спасибо, красивые

Незачто

 

[PantsPablo]

спасибо, красивые

На ник внимание не обращайте с баннером намудрил

 

[PantsPablo]

скриншоты можно пожалуйста?

Вот ещё баннер на этот создал ток что
.forumTeamBanner {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 1.5em;
padding: 10px 20px;
border-radius: 20px;
background: linear-gradient(270deg, #ff007f, #7f00ff, #00ffff, #ff007f);
background-size: 400% 400%;
animation: rainbowAnimation 5s ease infinite;
text-align: center;
}

@keyframes rainbowAnimation {
0% { background-position: 0% 50%; }
25% { background-position: 100% 50%; }
50% { background-position: 0% 50%; }
75% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
Пользуйся

 

[PantsPablo]

Переливания цветов rgp