ТЕСТ
Тест форума
Сообщений 1 страница 10 из 10
Поделиться22026-01-30 12:54:51
[html]<!DOCTYPE html>
<html>
<head>
<style>
.status-badge {
display: inline-block;
padding: 10px 20px;
font-family: 'Arial', sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
background: linear-gradient(45deg, #4A90E2, #357ABD);
color: white;
border-radius: 25px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
border: 2px solid #2C5F9E;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.02); }
100% { transform: scale(1); }
}
</style>
</head>
<body>
<div class="status-badge">В РАССМОТРЕНИИ</div>
</body>
</html>[/html]
Поделиться32026-01-30 12:55:27
[html]<!DOCTYPE html>
<html>
<head>
<style>
.forum-status {
display: inline-block;
padding: 8px 16px;
font-family: 'Verdana', sans-serif;
font-size: 14px;
font-weight: bold;
color: #D4A017;
background-color: #FFF8DC;
border: 2px solid #D4A017;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>
<span class="forum-status">В РАССМОТРЕНИИ</span>
</body>
</html>[/html]
Поделиться42026-01-30 12:57:12
[html]<!DOCTYPE html>
<html>
<head>
<style>
.approved-badge {
display: inline-block;
padding: 12px 25px;
font-family: 'Arial', sans-serif;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
background: linear-gradient(45deg, #2ECC71, #27AE60);
color: white;
border-radius: 30px;
box-shadow: 0 5px 15px rgba(39, 174, 96, 0.3);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
border: 2px solid #219653;
position: relative;
overflow: hidden;
}
.approved-badge::after {
content: '✓';
position: absolute;
right: 15px;
font-size: 24px;
animation: checkMove 3s infinite;
}
@keyframes checkMove {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(-10px); }
}
</style>
</head>
<body>
<div class="approved-badge">ОДОБРЕНО</div>
</body>
</html>[/html]
Поделиться52026-01-30 12:57:38
[html]<!DOCTYPE html>
<html>
<head>
<style>
.forum-approved {
display: inline-flex;
align-items: center;
padding: 10px 20px;
font-family: 'Verdana', sans-serif;
font-size: 16px;
font-weight: bold;
color: #145A32;
background: linear-gradient(to bottom, #D5F4E6, #ABEBC6);
border: 3px solid #27AE60;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
gap: 10px;
}
.checkmark {
color: #27AE60;
font-size: 20px;
font-weight: bold;
animation: spin 4s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
25% { transform: rotate(10deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(-10deg); }
100% { transform: rotate(0deg); }
}
</style>
</head>
<body>
<div class="forum-approved">
<span class="checkmark">✓</span>
<span>ОДОБРЕНО</span>
<span class="checkmark">✓</span>
</div>
</body>
</html>[/html]
Поделиться62026-01-30 12:58:27
[html]<!DOCTYPE html>
<html>
<head>
<style>
.stamp-approved {
display: inline-block;
padding: 15px 30px;
font-family: 'Georgia', serif;
font-size: 22px;
font-weight: bold;
color: #27AE60;
background-color: transparent;
border: 4px solid #27AE60;
border-radius: 50% 20% / 10% 40%;
transform: rotate(-5deg);
box-shadow: 0 0 20px rgba(39, 174, 96, 0.3);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
position: relative;
background-image: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.8) 2%, transparent 2.5%),
radial-gradient(circle at 70% 70%, rgba(255,255,255,0.8) 2%, transparent 2.5%);
}
.stamp-approved::before {
content: '';
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 10px;
background: #27AE60;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
</style>
</head>
<body>
<div class="stamp-approved">ОДОБРЕНО</div>
</body>
</html>[/html]
Поделиться72026-01-30 12:59:36
[html]<!DOCTYPE html>
<html>
<head>
<style>
.forum-denied {
display: inline-block;
padding: 10px 22px;
font-family: 'Verdana', sans-serif;
font-size: 18px;
font-weight: bold;
color: #7B241C;
background: linear-gradient(to bottom, #FADBD8, #F5B7B1);
border: 3px solid #E74C3C;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
position: relative;
overflow: hidden;
}
.forum-denied::before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 3px;
background: #E74C3C;
transform: rotate(-15deg);
box-shadow: 0 0 5px rgba(231, 76, 60, 0.5);
}
.forum-denied::after {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 3px;
background: #E74C3C;
transform: rotate(15deg);
box-shadow: 0 0 5px rgba(231, 76, 60, 0.5);
}
</style>
</head>
<body>
<div class="forum-denied">ОТКАЗАНО</div>
</body>
</html>[/html]
Поделиться92026-01-30 16:13:45
[html]<!doctype><html><body style="background:#0f172a;margin:0;height:100vh;display:grid;place-items:center"><div style="background:linear-gradient(45deg,#1e293b,#0f172a);border:2px solid #3b82f6;border-radius:12px;padding:25px;text-align:center"><h1 style="color:#60a5fa;margin:0 0 15px 0;font:700 28px sans-serif">Владелец</h1><div style="color:#f8fafc;font:700 20px monospace;background:#334155;padding:12px;border-radius:8px">STEAM_0:0:857120442</div></div></body></html>[/html]
Поделиться102026-02-11 02:38:35
[html]<div class="medal-union" style="
display: inline-block;
text-align: center;
margin: 5px;
padding: 6px;
background: linear-gradient(145deg, #0a1a3a, #1a2f5a);
border-radius: 10px;
box-shadow:
0 4px 8px rgba(0, 10, 30, 0.5),
inset 0 1px 0 rgba(100, 180, 255, 0.3);
border: 2px solid #2a5c8a;
position: relative;
width: 110px;
height: 110px;
transition: transform 0.3s ease;
">
<div style="
background: radial-gradient(circle at 30% 30%, #0d2b5e, #0a1a3a);
border-radius: 50%;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 2px solid #4a9bda;
box-shadow:
inset 0 0 15px rgba(74, 155, 218, 0.2),
0 0 10px rgba(74, 155, 218, 0.3);
">
<div style="
color: #6bc5ff;
font-weight: bold;
font-size: 13px;
text-shadow:
0 0 3px #0066cc,
1px 1px 2px #000;
margin-bottom: 5px;
letter-spacing: 0.5px;
background: linear-gradient(90deg, #3a8bc8, #6bc5ff, #3a8bc8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
">ЗА ОТВАГУ</div>
<!-- Звезда -->
<div style="
width: 45px;
height: 45px;
background: linear-gradient(45deg, #ffd700, #fff8b0, #ffd700);
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 1L15 9H22L16 14L18 22L12 17L6 22L8 14L2 9H9L12 1Z\" fill=\"white\"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 1L15 9H22L16 14L18 22L12 17L6 22L8 14L2 9H9L12 1Z\" fill=\"white\"/></svg>');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin: 8px 0;
filter: drop-shadow(0 0 3px #ffaa00);
"></div>
<div style="
color: #8cd5ff;
font-size: 10px;
font-weight: bold;
text-shadow: 0 0 4px #0066cc;
margin-top: 5px;
letter-spacing: 1px;
background: linear-gradient(90deg, #4a9bda, #8cd5ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
">UNION TEAM</div>
</div>
<!-- Подвеска -->
<div style="
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 12px;
background: linear-gradient(90deg, #1a3a6a, #2a5c8a);
border-radius: 4px 4px 0 0;
border: 1px solid #4a9bda;
"></div>
<!-- Блестки -->
<div style="
position: absolute;
top: 15px;
right: 15px;
width: 8px;
height: 8px;
background: rgba(255, 255, 255, 0.8);
border-radius: 50%;
animation: sparkle 2s infinite;
"></div>
</div>
<style>
.medal-union:hover {
transform: scale(1.05);
box-shadow:
0 6px 12px rgba(0, 20, 50, 0.6),
0 0 15px rgba(74, 155, 218, 0.4);
}
@keyframes sparkle {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.8; }
}
</style>[/html]