Баннеры 3D

Ggggsysy · 4 Май 2026

однотипные деф баннеры(3D)(ПОЛНОСТЬЮ СОЗДАНЫ С ИИ)

CSS:

.userBanner {
    display: inline-block;
    padding: 8px 24px;
    border-radius: 30px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
    box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transition: all 0.1s ease;
}

.userBanner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 35%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
    border-radius: 30px 30px 0 0;
    pointer-events: none;
}

.userBanner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 0 0 30px 30px;
    pointer-events: none;
}

.userBanner:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 0 rgba(0, 0, 0, 0.3), 0 15px 25px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.userBanner:active {
    transform: translateY(4px);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 8px 15px rgba(0, 0, 0, 0.2);
}

.userBanner.red,
.userBanner.blue,
.userBanner.green,
.userBanner.yellow,
.userBanner.gold,
.userBanner.userBanner--staff,
.userBanner.userBanner--admin,
.userBanner.userBanner--moderator {
    background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
    box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

Venksu · 5 Май 2026

Ggggsysy написал(а):
однотипные деф баннеры(3D)(ПОЛНОСТЬЮ СОЗДАНЫ С ИИ)

Посмотреть вложение 23571

.userBanner {
display: inline-block;
padding: 8px 24px;
border-radius: 30px;
font-family: 'Inter', 'Segoe UI', sans-serif;
font-weight: 800;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
text-align: center;
color: #FFFFFF;
position: relative;
background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
transition: all 0.1s ease;
}

.userBanner::before {
content: '';
position: absolute;
top: 0;
left: 10%;
width: 80%;
height: 35%;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
border-radius: 30px 30px 0 0;
pointer-events: none;
}

.userBanner::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 0 0 30px 30px;
pointer-events: none;
}

.userBanner:hover {
transform: translateY(-2px);
box-shadow: 0 10px 0 rgba(0, 0, 0, 0.3), 0 15px 25px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.userBanner:active {
transform: translateY(4px);
box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 8px 15px rgba(0, 0, 0, 0.2);
}

.userBanner.red,
.userBanner.blue,
.userBanner.green,
.userBanner.yellow,
.userBanner.gold,
.userBanner.userBanner--staff,
.userBanner.userBanner--admin,
.userBanner.userBanner--moderator {
background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

OFFTOP

вставляй хотя бы кодом

Ggggsysy · 5 Май 2026

Venksu написал(а):
OFFTOP

вставляй хотя бы кодом

да я так и хотел, прост новичок не разбираюсь

qwerty🛡️ · 5 Май 2026

Ggggsysy написал(а):
однотипные деф баннеры(3D)(ПОЛНОСТЬЮ СОЗДАНЫ С ИИ)

Посмотреть вложение 23571

.userBanner {
display: inline-block;
padding: 8px 24px;
border-radius: 30px;
font-family: 'Inter', 'Segoe UI', sans-serif;
font-weight: 800;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
text-align: center;
color: #FFFFFF;
position: relative;
background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
transition: all 0.1s ease;
}

.userBanner::before {
content: '';
position: absolute;
top: 0;
left: 10%;
width: 80%;
height: 35%;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
border-radius: 30px 30px 0 0;
pointer-events: none;
}

.userBanner::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 0 0 30px 30px;
pointer-events: none;
}

.userBanner:hover {
transform: translateY(-2px);
box-shadow: 0 10px 0 rgba(0, 0, 0, 0.3), 0 15px 25px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.userBanner:active {
transform: translateY(4px);
box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 8px 15px rgba(0, 0, 0, 0.2);
}

.userBanner.red,
.userBanner.blue,
.userBanner.green,
.userBanner.yellow,
.userBanner.gold,
.userBanner.userBanner--staff,
.userBanner.userBanner--admin,
.userBanner.userBanner--moderator {
background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
box-shadow: 0 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

Баннеры то пойдёт,но слишком большие

Ggggsysy · 5 Май 2026

Код:

 .userBanner {
    display: inline-block;
    padding: 4px 16px;
    border-radius: 20px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    font-weight: 800;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 5px 10px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transition: all 0.1s ease;
}

.userBanner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 35%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
    border-radius: 20px 20px 0 0;
    pointer-events: none;
}

.userBanner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 0 0 20px 20px;
    pointer-events: none;
}

.userBanner:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.3), 0 8px 15px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.userBanner:active {
    transform: translateY(2px);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2);
}

.userBanner.red,
.userBanner.blue,
.userBanner.green,
.userBanner.yellow,
.userBanner.gold,
.userBanner.userBanner--staff,
.userBanner.userBanner--admin,
.userBanner.userBanner--moderator {
    background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 5px 10px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

Ggggsysy · 5 Май 2026

qwerty🛡️ написал(а):
Баннеры то пойдёт,но слишком большие

должны меньше стать

qwerty🛡️ · 5 Май 2026

Ggggsysy написал(а):
да я так и хотел, прост новичок не разбираюсь

На фотках обыяснил как сделать

Ggggsysy · 5 Май 2026

qwerty🛡️ · 5 Май 2026

Ggggsysy написал(а):
Посмотреть вложение 23578

Лев,вот такой размер пойдет

Nazar_Bibarmsk · Понедельник в 14:01

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

Код:

 .userBanner {
    display: inline-block;
    padding: 4px 16px;
    border-radius: 20px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    font-weight: 800;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 5px 10px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transition: all 0.1s ease;
}

.userBanner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 35%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
    border-radius: 20px 20px 0 0;
    pointer-events: none;
}

.userBanner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 0 0 20px 20px;
    pointer-events: none;
}

.userBanner:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.3), 0 8px 15px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.userBanner:active {
    transform: translateY(2px);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2);
}

.userBanner.red,
.userBanner.blue,
.userBanner.green,
.userBanner.yellow,
.userBanner.gold,
.userBanner.userBanner--staff,
.userBanner.userBanner--admin,
.userBanner.userBanner--moderator {
    background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3), 0 5px 10px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

Куда поставить

Venksu · Понедельник в 14:02

Nazar_Bibarmsk написал(а):
Куда поставить

OFFTOP

Nazar_Bibarmsk · Понедельник в 14:23

Nazar_Bibarmsk · Понедельник в 14:23

Ошибка

Venksu · Понедельник в 14:24

Nazar_Bibarmsk написал(а):
Посмотреть вложение 23766

OFFTOP

красота

Venksu · Понедельник в 14:25

Nazar_Bibarmsk написал(а):
Ошибка

OFFTOP

Это был сарказм если что, заливать надо в extra.less. Посоветовал бы еще не делать форумы на телефоне

pikamonov · Понедельник в 14:25

Nazar_Bibarmsk написал(а):
Посмотреть вложение 23766

OFFTOP

А зачем вы вырезали все из page_container и вставили этот код?

Пожалуйста, не лезьте туда, куда вы не разбираетесь... А на нужном форуме тем-более не проверяйте ничего

Nazar_Bibarmsk · Понедельник в 14:27

Venksu написал(а):
OFFTOP
Это был сарказм если что, заливать надо в extra.less. Посоветовал бы еще не делать форумы на телефоне

Ты написал page_container

Nazar_Bibarmsk · Понедельник в 14:29

Nazar_Bibarmsk написал(а):
Ты написал page_container

Код дайте

qwerty🛡️ · Понедельник в 14:54

Nazar_Bibarmsk написал(а):
Код дайте

Бэкап делай если есть

qwerty🛡️ · Понедельник в 14:55

Nazar_Bibarmsk написал(а):
Куда поставить

extra.less

Поиск

Welcome!

Баннеры 3D

Ggggsysy

Venksu

Пришло время платить за грехи

Ggggsysy

qwerty🛡️

Ggggsysy

Ggggsysy

qwerty🛡️

Вложения

Ggggsysy

qwerty🛡️

Nazar_Bibarmsk

Venksu

Пришло время платить за грехи

Nazar_Bibarmsk

Nazar_Bibarmsk

Venksu

Пришло время платить за грехи

Venksu

Пришло время платить за грехи

pikamonov

𝚖𝚘𝚛𝚜 𝚌𝚎𝚛𝚝𝚊, 𝚑𝚘𝚛𝚊 𝚒𝚗𝚌𝚎𝚛𝚝𝚊.

Nazar_Bibarmsk

Nazar_Bibarmsk

qwerty🛡️

qwerty🛡️