By registering with us, you'll be able to discuss, share and private message with other members of our community.
SignUp Now!Пожалуйста
shablon by JustAlex 1.2HTML-код правил форума и магазина CRMP ONLINE
JustAlex добавил(а) новый ресурс: HTML-код правил форума и магазина CRMP ONLINE - HTML-код правил форума и магазина CRMP Предоставляю вам код страницы магазина форума и правил с форума CRMP Online. Узнать больше об этом ресурсе...pawno-help.ru
По мимо того, что изменилось имя администратора я больше ничего не заметил. Я обновляю рес при +- существенных изменениях, а тут ничего не обновилось
Так мне код нужен -_- этого магазинаПо мимо того, что изменилось имя администратора я больше ничего не заметил. Я обновляю рес при +- существенных изменениях, а тут ничего не обновилось
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Привилегии форума</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
._7a3x {
--a: #ffb82b;
--b: #e5a524;
--c: #0b0b0f;
--d: rgba(26, 26, 35, 0.8);
--e: rgba(20, 20, 28, 0.6);
--f: #e8eef2;
--g: #a0a8b8;
--h: rgba(255, 184, 43, 0.1);
--i: #2787F5;
--j: #26A5E4;
}
._9b4y {
font-weight: 700;
background: linear-gradient(90deg, #f00, #b22222, #8b0000, #dc143c, #f00, #b22222, #8b0000, #dc143c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 5px rgba(139, 0, 0, .5);
background-size: 300% 100%;
animation: _p1 6s infinite;
}
._2c8z {
font-weight: 700;
text-shadow: #ffa500 1px 1px 10px;
background: linear-gradient(270deg, #ff0, #ffea00, #ffd700, #ffc500, #ffb300, #ff0, #ffea00, #ffd700, #ffc500, #ff0);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400% 100%;
animation: _p2 8s infinite;
}
@keyframes _p1 {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes _p2 {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
._m1a {
background: var(--d);
backdrop-filter: blur(10px);
border: 1px solid var(--h);
border-radius: 24px;
padding: 16px 28px;
margin-bottom: 32px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}
._x4b {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
._q7c {
color: var(--g);
font-size: 14px;
font-weight: 500;
}
._e9d {
font-size: 18px;
font-weight: 700;
}
._r2f {
background: rgba(255, 184, 43, .1);
border: 1px solid rgba(255, 184, 43, .3);
border-radius: 40px;
padding: 8px 20px;
color: var(--a);
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: all .3s;
}
._r2f:hover {
background: rgba(255, 184, 43, .2);
transform: translateY(-2px);
box-shadow: 0 5px 15px -5px rgba(255, 184, 43, .3);
}
._t8g {
max-width: 1000px;
margin: 0 auto;
padding: 32px 24px 0;
}
._y5h {
margin-bottom: 32px;
padding: 24px 32px;
border-radius: 32px;
border-left: 6px solid var(--a);
position: relative;
overflow: hidden;
backdrop-filter: blur(10px);
border: 1px solid var(--h);
background: var(--d);
}
._y5h::before {
content: '';
position: absolute;
top: -50%;
right: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 184, 43, .1) 0%, transparent 70%);
animation: _p3 15s infinite linear;
}
@keyframes _p3 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
._k9j {
text-align: left;
padding: 0;
position: relative;
}
._k9j h1 {
font-size: 36px;
font-weight: 700;
margin: 0 0 8px;
color: #fff;
letter-spacing: -.02em;
text-shadow: 0 2px 10px rgba(255, 184, 43, .3);
}
._k9j p {
font-size: 16px;
font-weight: 400;
color: var(--g);
margin: 0;
}
._w6n {
max-width: 1000px;
margin: 0 auto 60px;
padding: 0 24px;
}
._v4o {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-top: 40px;
}
._u3p {
background: var(--d);
backdrop-filter: blur(10px);
border: 1px solid var(--h);
border-radius: 24px;
padding: 28px;
transition: all .3s cubic-bezier(.4, 0, .2, 1);
position: relative;
overflow: hidden;
box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .5);
}
._u3p::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 4px;
background: linear-gradient(180deg, var(--a) 0%, #ff8c42 100%);
border-radius: 4px 0 0 4px;
}
._u3p:hover {
transform: translateX(8px) scale(1.01);
background: rgba(35, 35, 45, .8);
border-color: rgba(255, 184, 43, .3);
box-shadow: 0 15px 30px -10px rgba(255, 184, 43, .2);
}
._s1b {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 24px;
}
._o5c h3 {
margin: 0 0 12px;
font-size: 24px;
font-weight: 700;
color: #fff;
letter-spacing: -.01em;
}
._b7a {
color: #fff;
text-transform: uppercase;
font-weight: 700;
font-size: 69%;
border-radius: 90px 60px 90px 60px;
padding: 5px 7px;
background-size: 700% 700%;
border: .6mm ridge rgba(450, 420, 450, .4);
animation: _p4 10s infinite;
display: inline-block;
}
._b7a._f8d {
background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10, #FF8C00);
}
._b7a._g9e {
background-image: linear-gradient(270deg, #d4af37, #ffd700, #d4af37, #ffc800);
}
._b7a._h1f {
background-image: linear-gradient(270deg, #2ecc71, #27ae60, #2ecc71, #1e8449);
}
._b7a._i2g {
background-image: linear-gradient(270deg, #ff4d4d, #b30000, #ff4d4d, #cc0000);
}
._b7a._j3h {
background-image: linear-gradient(270deg, #9b59b6, #8e44ad, #9b59b6, #6c3483);
}
@keyframes _p4 {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
._k4i {
text-align: right;
}
._l5j {
font-size: 36px;
font-weight: 700;
color: #fff;
line-height: 1.2;
}
._m6k {
color: var(--a);
font-size: 28px;
margin-left: 2px;
}
._n7l {
color: var(--g);
font-size: 14px;
display: block;
font-weight: 400;
}
._o8m {
margin: 24px 0;
display: flex;
gap: 12px;
}
._o8m ._p9n {
flex: 1;
text-align: center;
padding: 12px 16px;
border-radius: 40px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
text-decoration: none;
transition: all .3s;
display: block;
}
._q0o {
background: rgba(38, 165, 228, .15);
border: 1px solid rgba(38, 165, 228, .4);
color: #26A5E4;
}
._q0o:hover {
background: rgba(38, 165, 228, .3);
transform: translateY(-2px);
box-shadow: 0 5px 15px -5px rgba(38, 165, 228, .4);
}
._r1p {
background: rgba(39, 135, 245, .15);
border: 1px solid rgba(39, 135, 245, .4);
color: #2787F5;
}
._r1p:hover {
background: rgba(39, 135, 245, .3);
transform: translateY(-2px);
box-shadow: 0 5px 15px -5px rgba(39, 135, 245, .4);
}
._s2q ul {
list-style: none;
padding: 0;
margin: 16px 0 0;
}
._s2q li {
display: flex;
justify-content: space-between;
align-items: center;
margin: 14px 0;
font-size: 15px;
color: #d0d8e5;
padding: 4px 0;
border-bottom: 1px solid rgba(255, 184, 43, .05);
}
._s2q li:last-child {
border-bottom: none;
}
._t3r {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
color: #ffaf00;
}
._u4s {
background: var(--d);
backdrop-filter: blur(10px);
border: 1px solid var(--h);
border-radius: 24px;
padding: 24px;
margin-top: 40px;
}
._v5t {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 24px;
}
._w6u {
display: flex;
gap: 24px;
background: rgba(0, 0, 0, .3);
padding: 8px 20px;
border-radius: 60px;
}
._w6u div {
display: flex;
align-items: center;
gap: 8px;
}
._x7v {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 16px;
margin-top: 20px;
}
._y8w {
background: rgba(20, 20, 28, .6);
border-radius: 20px;
padding: 16px;
border-left: 3px solid var(--a);
}
._y8w i {
color: var(--a);
margin-right: 8px;
}
._z9x {
max-width: 1000px;
margin: 0 auto 80px;
padding: 0 24px;
}
._a0y {
background: var(--d);
backdrop-filter: blur(10px);
border: 1px solid var(--h);
border-radius: 24px;
margin-bottom: 20px;
overflow: hidden;
transition: all .3s;
position: relative;
}
._a0y::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 4px;
background: linear-gradient(180deg, var(--a) 0%, #ff8c42 100%);
border-radius: 4px 0 0 4px;
}
._a0y:hover {
transform: translateX(4px);
background: rgba(35, 35, 45, .8);
border-color: rgba(255, 184, 43, .3);
}
._b1z {
padding: 20px 24px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
user-select: none;
}
._b1z h4 {
font-size: 18px;
font-weight: 600;
color: #fff;
margin: 0;
position: relative;
padding-left: 24px;
}
._b1z h4::before {
content: '•';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
color: var(--a);
line-height: 1;
}
._c2a {
color: var(--a);
transition: transform .3s;
}
._d3b._open ._c2a {
transform: rotate(45deg);
}
._e4c {
max-height: 0;
overflow: hidden;
transition: max-height .3s;
}
._d3b._open ._e4c {
max-height: 200px;
}
._f5d {
padding: 0 24px 24px;
display: flex;
align-items: flex-start;
}
._g6e {
width: 3px;
background: linear-gradient(180deg, var(--a) 0%, #ff8c42 100%);
border-radius: 2px;
margin-right: 16px;
height: 40px;
flex-shrink: 0;
}
._h7f {
font-size: 15px;
color: #d0d8e5;
line-height: 1.5;
padding: 8px 0;
}
@media (max-width: 768px) {
._t8g {
padding: 32px 16px 0;
}
._w6n, ._z9x {
padding: 0 16px;
}
._v4o {
grid-template-columns: 1fr;
gap: 20px;
}
._k9j h1 {
font-size: 28px;
}
._y5h {
padding: 20px;
}
._u3p {
padding: 20px;
}
._s1b {
flex-direction: column;
gap: 16px;
}
._k4i {
text-align: left;
}
._m1a {
flex-direction: column;
text-align: center;
}
._x4b {
justify-content: center;
}
._o8m {
flex-direction: column;
}
._v5t {
flex-direction: column;
gap: 16px;
align-items: flex-start;
}
}
@media (max-width: 480px) {
._k9j h1 {
font-size: 24px;
}
._e9d {
font-size: 16px;
}
}
body {
background: linear-gradient(135deg, #0b0b0f 0%, #1a1a24 100%);
font-family: 'Inter', system-ui, sans-serif;
color: var(--f);
min-height: 100vh;
margin: 0;
padding: 0;
}
.shareButtons-label {
display: none;
}
.shareButtons--iconic .shareButtons-buttons {
display: none;
}
</style>
</head>
<body>
<div class="_t8g">
<div class="_y5h">
<div class="_k9j">
<h1>Готовы улучшить свой опыт?</h1>
<p>Обновите свой аккаунт, чтобы открыть специальные привилегии</p>
</div>
</div>
</div>
<div class="_w6n">
<div class="_m1a">
<div class="_x4b">
<span class="_q7c">Администратор форума</span>
<span class="_e9d _9b4y">Keleen_Dalaner</span>
<span class="_b7a _i2g">STAFF</span>
</div>
<a href="https://forum.crmp.online/members/keleen-dalaner.49572/" class="_r2f" target="_blank">Профиль на форуме →</a>
</div>
<div class="_m1a">
<div class="_x4b">
<span class="_q7c">Основатель</span>
<span class="_e9d _2c8z">Shon_Takers</span>
<span class="_b7a _f8d">FOUNDER</span>
</div>
<a href="https://forum.crmp.online/members/shon_takers.56873/" class="_r2f" target="_blank">Профиль на форуме →</a>
</div>
<div class="_v4o">
<div class="_u3p">
<div class="_s1b">
<div class="_o5c">
<h3>Личная краска</h3>
<span class="_b7a _g9e">PREMIUM</span>
</div>
<div class="_k4i">
<div class="_l5j">200<span class="_m6k">₽</span></div>
<span class="_n7l">навсегда</span>
</div>
</div>
<div class="_o8m">
<a href="https://t.me/azxfalens" class="_p9n _q0o" target="_blank">Telegram</a>
<a href="https://vk.com/tehforum_crmponline" class="_p9n _r1p" target="_blank">VK</a>
</div>
<div class="_s2q">
<ul>
<li><div><i class="fas fa-caret-right"></i> Индивидуальный цвет ник-нейма</div></li>
<li><div><i class="fas fa-caret-right"></i> Любой оттенок / градиент на выбор</div></li>
<li><div><i class="fas fa-caret-right"></i> Выделение среди пользователей</div></li>
<li><div><i class="fas fa-caret-right"></i> Связь с администрацией</div></li>
<li><div><i class="fas fa-caret-right"></i> Повышенное доверие</div></li>
<li><div><i class="fas fa-caret-right"></i> Уникальная иконка возле никнейма</div></li>
</ul>
</div>
</div>
<div class="_u3p">
<div class="_s1b">
<div class="_o5c">
<h3>Форумная семья</h3>
<span class="_b7a _h1f">GUILD</span>
</div>
<div class="_k4i">
<div class="_l5j">300<span class="_m6k">₽</span></div>
<span class="_n7l">навсегда</span>
</div>
</div>
<div class="_o8m">
<a href="https://t.me/azxfalens" class="_p9n _q0o" target="_blank">Telegram</a>
<a href="https://vk.com/tehforum_crmponline" class="_p9n _r1p" target="_blank">VK</a>
</div>
<div class="_s2q">
<ul>
<li><div><i class="fas fa-caret-right"></i> Регистрация семьи</div></li>
<li><div><i class="fas fa-caret-right"></i> Семья как в игре</div></li>
<li><div><i class="fas fa-caret-right"></i> Сразу 3 уровень семьи <span class="_t3r"><i class="fas fa-star"></i></span></div></li>
<li><div><i class="fas fa-caret-right"></i> Управление участниками</div></li>
<li><div><i class="fas fa-caret-right"></i> Полная панель управления гильдией</div></li>
</ul>
</div>
</div>
<div class="_u3p">
<div class="_s1b">
<div class="_o5c">
<h3>Спонсор Форума</h3>
<span class="_b7a _j3h">SPONSOR</span>
</div>
<div class="_k4i">
<div class="_l5j">400<span class="_m6k">₽</span></div>
<span class="_n7l">навсегда</span>
</div>
</div>
<div class="_o8m">
<a href="https://t.me/azxfalens" class="_p9n _q0o" target="_blank">Telegram</a>
<a href="https://vk.com/tehforum_crmponline" class="_p9n _r1p" target="_blank">VK</a>
</div>
<div class="_s2q">
<ul>
<li><div><i class="fas fa-caret-right"></i> <strong style="color:var(--a)">Уникальный баннер</strong> SPONSOR</div></li>
<li><div><i class="fas fa-caret-right"></i> <strong style="color:var(--a)">Выделяемый цвет ник-нейма</strong> (бриллиантовый градиент)</div></li>
<li><div><i class="fas fa-caret-right"></i> <strong style="color:var(--a)">Эксклюзивная иконка</strong> <i class="fas fa-gem" style="color:#ffb82b"></i> возле ника</div></li>
<li><div><i class="fas fa-caret-right"></i> Приоритетная поддержка администрации</div></li>
</ul>
</div>
</div>
</div>
<div class="_u4s">
<div class="_v5t">
<div>
<h2 style="margin:0 0 8px 0;"><i class="fas fa-flag-checkered"></i> Dalaner Team <span class="_b7a _h1f" style="font-size:55%">LVL 4</span></h2>
<div><i class="fas fa-user-tie"></i> Лидер: <strong style="color:var(--a)">Keleen Dalaner</strong> <span class="_b7a _f8d" style="font-size:50%">LEADER</span></div>
</div>
<div class="_w6u">
<div><i class="fas fa-users"></i> 56 участников</div>
<div><i class="fas fa-chart-line"></i> Уровень 4</div>
</div>
</div>
<div class="_x7v">
<div class="_y8w"><i class="fas fa-sliders-h"></i> <strong>Редактировать гильдию</strong><br><small>Название, тег, аватар, баннер</small></div>
<div class="_y8w"><i class="fas fa-user-friends"></i> <strong>Управление участниками</strong><br><small>Роли, исключение, зам. лидера</small></div>
<div class="_y8w"><i class="fas fa-envelope-open-text"></i> <strong>Управление приглашениями</strong><br><small>Квоты, ссылки-приглашения</small></div>
<div class="_y8w"><i class="fas fa-lock"></i> <strong>Role permissions</strong><br><small>Права заместителей и участников</small></div>
<div class="_y8w"><i class="fas fa-hand-over-fist"></i> <strong>Передать лидерство</strong><br><small>Смена главы семьи</small></div>
<div class="_y8w"><i class="fas fa-trash-alt"></i> <strong>Расформировать гильдию</strong><br><small>Полное удаление</small></div>
</div>
<div style="background:rgba(255,184,43,.05);border-radius:16px;padding:12px;margin-top:20px;font-size:13px">
<i class="fas fa-info-circle"></i> Пример гильдии, созданной через услугу «Форумная семья». Полный контроль и управление.
</div>
</div>
</div>
<div class="_z9x">
<div class="_a0y _d3b">
<div class="_b1z">
<h4>Правила при покупке товара</h4>
<svg class="_c2a" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3V17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M3 10H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</div>
<div class="_e4c">
<div class="_f5d">
<div class="_g6e"></div>
<div class="_h7f">Перед покупкой вы берёте всю ответственность оплаты и покупки товара на СЕБЯ</div>
</div>
</div>
</div>
<div class="_a0y _d3b">
<div class="_b1z">
<h4>Как купить товар?</h4>
<svg class="_c2a" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3V17" stroke="currentColor" stroke-width="1.5"/><path d="M3 10H17" stroke="currentColor" stroke-width="1.5"/></svg>
</div>
<div class="_e4c">
<div class="_f5d">
<div class="_g6e"></div>
<div class="_h7f">Чтобы купить товар, выберите удобный способ связи (Telegram или VK) и напишите продавцу.</div>
</div>
</div>
</div>
<div class="_a0y _d3b">
<div class="_b1z">
<h4>Может ли меняться цена?</h4>
<svg class="_c2a" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3V17" stroke="currentColor" stroke-width="1.5"/><path d="M3 10H17" stroke="currentColor" stroke-width="1.5"/></svg>
</div>
<div class="_e4c">
<div class="_f5d">
<div class="_g6e"></div>
<div class="_h7f">Да, но в большинстве случаев это были скидки.</div>
</div>
</div>
</div>
<div class="_a0y _d3b">
<div class="_b1z">
<h4>Какие способы оплаты принимаются?</h4>
<svg class="_c2a" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3V17" stroke="currentColor" stroke-width="1.5"/><path d="M3 10H17" stroke="currentColor" stroke-width="1.5"/></svg>
</div>
<div class="_e4c">
<div class="_f5d">
<div class="_g6e"></div>
<div class="_h7f">Мы принимаем банковские карты и криптовалюту.</div>
</div>
</div>
</div>
<div class="_a0y _d3b">
<div class="_b1z">
<h4>Что даёт статус "Спонсор Форума"?</h4>
<svg class="_c2a" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3V17" stroke="currentColor" stroke-width="1.5"/><path d="M3 10H17" stroke="currentColor" stroke-width="1.5"/></svg>
</div>
<div class="_e4c">
<div class="_f5d">
<div class="_g6e"></div>
<div class="_h7f">Уникальный баннер SPONSOR, бриллиантовый цвет ника, эксклюзивная иконка <i class="fas fa-gem"></i> возле ника, имя в списке спонсоров и приоритетная поддержка!</div>
</div>
</div>
</div>
</div>
<script>
(function(){
var body = document.body;
var wm = document.createElement('div');
wm.style.position = 'fixed';
wm.style.bottom = '10px';
wm.style.left = '10px';
wm.style.fontSize = '11px';
wm.style.color = 'rgba(255,184,43,0.3)';
wm.style.fontFamily = 'monospace';
wm.style.zIndex = '9999';
wm.style.pointerEvents = 'none';
wm.style.textAlign = 'left';
wm.innerHTML = '© crmp.online<br>JustAlex | Pawno-Help';
body.appendChild(wm);
console.log('Шаблон разработал CRMP ONLINE');
console.log('Код шаблона слил JustAlex на Pawno-Help');
var faq = document.querySelectorAll('._a0y');
for(var i = 0; i < faq.length; i++){
faq[i].addEventListener('click', function(e){
this.classList.toggle('_open');
});
}
})();
</script>
</body>
</html>
HTML:<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Привилегии форума</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <style> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); ._7a3x { --a: #ffb82b; --b: #e5a524; --c: #0b0b0f; --d: rgba(26, 26, 35, 0.8); --e: rgba(20, 20, 28, 0.6); --f: #e8eef2; --g: #a0a8b8; --h: rgba(255, 184, 43, 0.1); --i: #2787F5; --j: #26A5E4; } ._9b4y { font-weight: 700; background: linear-gradient(90deg, #f00, #b22222, #8b0000, #dc143c, #f00, #b22222, #8b0000, #dc143c); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 0 5px rgba(139, 0, 0, .5); background-size: 300% 100%; animation: _p1 6s infinite; } ._2c8z { font-weight: 700; text-shadow: #ffa500 1px 1px 10px; background: linear-gradient(270deg, #ff0, #ffea00, #ffd700, #ffc500, #ffb300, #ff0, #ffea00, #ffd700, #ffc500, #ff0); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-size: 400% 100%; animation: _p2 8s infinite; } @keyframes _p1 { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes _p2 { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } ._m1a { background: var(--d); backdrop-filter: blur(10px); border: 1px solid var(--h); border-radius: 24px; padding: 16px 28px; margin-bottom: 32px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; } ._x4b { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } ._q7c { color: var(--g); font-size: 14px; font-weight: 500; } ._e9d { font-size: 18px; font-weight: 700; } ._r2f { background: rgba(255, 184, 43, .1); border: 1px solid rgba(255, 184, 43, .3); border-radius: 40px; padding: 8px 20px; color: var(--a); text-decoration: none; font-size: 14px; font-weight: 500; transition: all .3s; } ._r2f:hover { background: rgba(255, 184, 43, .2); transform: translateY(-2px); box-shadow: 0 5px 15px -5px rgba(255, 184, 43, .3); } ._t8g { max-width: 1000px; margin: 0 auto; padding: 32px 24px 0; } ._y5h { margin-bottom: 32px; padding: 24px 32px; border-radius: 32px; border-left: 6px solid var(--a); position: relative; overflow: hidden; backdrop-filter: blur(10px); border: 1px solid var(--h); background: var(--d); } ._y5h::before { content: ''; position: absolute; top: -50%; right: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 184, 43, .1) 0%, transparent 70%); animation: _p3 15s infinite linear; } @keyframes _p3 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } ._k9j { text-align: left; padding: 0; position: relative; } ._k9j h1 { font-size: 36px; font-weight: 700; margin: 0 0 8px; color: #fff; letter-spacing: -.02em; text-shadow: 0 2px 10px rgba(255, 184, 43, .3); } ._k9j p { font-size: 16px; font-weight: 400; color: var(--g); margin: 0; } ._w6n { max-width: 1000px; margin: 0 auto 60px; padding: 0 24px; } ._v4o { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px; } ._u3p { background: var(--d); backdrop-filter: blur(10px); border: 1px solid var(--h); border-radius: 24px; padding: 28px; transition: all .3s cubic-bezier(.4, 0, .2, 1); position: relative; overflow: hidden; box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .5); } ._u3p::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background: linear-gradient(180deg, var(--a) 0%, #ff8c42 100%); border-radius: 4px 0 0 4px; } ._u3p:hover { transform: translateX(8px) scale(1.01); background: rgba(35, 35, 45, .8); border-color: rgba(255, 184, 43, .3); box-shadow: 0 15px 30px -10px rgba(255, 184, 43, .2); } ._s1b { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; } ._o5c h3 { margin: 0 0 12px; font-size: 24px; font-weight: 700; color: #fff; letter-spacing: -.01em; } ._b7a { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 69%; border-radius: 90px 60px 90px 60px; padding: 5px 7px; background-size: 700% 700%; border: .6mm ridge rgba(450, 420, 450, .4); animation: _p4 10s infinite; display: inline-block; } ._b7a._f8d { background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10, #FF8C00); } ._b7a._g9e { background-image: linear-gradient(270deg, #d4af37, #ffd700, #d4af37, #ffc800); } ._b7a._h1f { background-image: linear-gradient(270deg, #2ecc71, #27ae60, #2ecc71, #1e8449); } ._b7a._i2g { background-image: linear-gradient(270deg, #ff4d4d, #b30000, #ff4d4d, #cc0000); } ._b7a._j3h { background-image: linear-gradient(270deg, #9b59b6, #8e44ad, #9b59b6, #6c3483); } @keyframes _p4 { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } ._k4i { text-align: right; } ._l5j { font-size: 36px; font-weight: 700; color: #fff; line-height: 1.2; } ._m6k { color: var(--a); font-size: 28px; margin-left: 2px; } ._n7l { color: var(--g); font-size: 14px; display: block; font-weight: 400; } ._o8m { margin: 24px 0; display: flex; gap: 12px; } ._o8m ._p9n { flex: 1; text-align: center; padding: 12px 16px; border-radius: 40px; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; transition: all .3s; display: block; } ._q0o { background: rgba(38, 165, 228, .15); border: 1px solid rgba(38, 165, 228, .4); color: #26A5E4; } ._q0o:hover { background: rgba(38, 165, 228, .3); transform: translateY(-2px); box-shadow: 0 5px 15px -5px rgba(38, 165, 228, .4); } ._r1p { background: rgba(39, 135, 245, .15); border: 1px solid rgba(39, 135, 245, .4); color: #2787F5; } ._r1p:hover { background: rgba(39, 135, 245, .3); transform: translateY(-2px); box-shadow: 0 5px 15px -5px rgba(39, 135, 245, .4); } ._s2q ul { list-style: none; padding: 0; margin: 16px 0 0; } ._s2q li { display: flex; justify-content: space-between; align-items: center; margin: 14px 0; font-size: 15px; color: #d0d8e5; padding: 4px 0; border-bottom: 1px solid rgba(255, 184, 43, .05); } ._s2q li:last-child { border-bottom: none; } ._t3r { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: #ffaf00; } ._u4s { background: var(--d); backdrop-filter: blur(10px); border: 1px solid var(--h); border-radius: 24px; padding: 24px; margin-top: 40px; } ._v5t { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 24px; } ._w6u { display: flex; gap: 24px; background: rgba(0, 0, 0, .3); padding: 8px 20px; border-radius: 60px; } ._w6u div { display: flex; align-items: center; gap: 8px; } ._x7v { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 20px; } ._y8w { background: rgba(20, 20, 28, .6); border-radius: 20px; padding: 16px; border-left: 3px solid var(--a); } ._y8w i { color: var(--a); margin-right: 8px; } ._z9x { max-width: 1000px; margin: 0 auto 80px; padding: 0 24px; } ._a0y { background: var(--d); backdrop-filter: blur(10px); border: 1px solid var(--h); border-radius: 24px; margin-bottom: 20px; overflow: hidden; transition: all .3s; position: relative; } ._a0y::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background: linear-gradient(180deg, var(--a) 0%, #ff8c42 100%); border-radius: 4px 0 0 4px; } ._a0y:hover { transform: translateX(4px); background: rgba(35, 35, 45, .8); border-color: rgba(255, 184, 43, .3); } ._b1z { padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; user-select: none; } ._b1z h4 { font-size: 18px; font-weight: 600; color: #fff; margin: 0; position: relative; padding-left: 24px; } ._b1z h4::before { content: '•'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 24px; color: var(--a); line-height: 1; } ._c2a { color: var(--a); transition: transform .3s; } ._d3b._open ._c2a { transform: rotate(45deg); } ._e4c { max-height: 0; overflow: hidden; transition: max-height .3s; } ._d3b._open ._e4c { max-height: 200px; } ._f5d { padding: 0 24px 24px; display: flex; align-items: flex-start; } ._g6e { width: 3px; background: linear-gradient(180deg, var(--a) 0%, #ff8c42 100%); border-radius: 2px; margin-right: 16px; height: 40px; flex-shrink: 0; } ._h7f { font-size: 15px; color: #d0d8e5; line-height: 1.5; padding: 8px 0; } @media (max-width: 768px) { ._t8g { padding: 32px 16px 0; } ._w6n, ._z9x { padding: 0 16px; } ._v4o { grid-template-columns: 1fr; gap: 20px; } ._k9j h1 { font-size: 28px; } ._y5h { padding: 20px; } ._u3p { padding: 20px; } ._s1b { flex-direction: column; gap: 16px; } ._k4i { text-align: left; } ._m1a { flex-direction: column; text-align: center; } ._x4b { justify-content: center; } ._o8m { flex-direction: column; } ._v5t { flex-direction: column; gap: 16px; align-items: flex-start; } } @media (max-width: 480px) { ._k9j h1 { font-size: 24px; } ._e9d { font-size: 16px; } } body { background: linear-gradient(135deg, #0b0b0f 0%, #1a1a24 100%); font-family: 'Inter', system-ui, sans-serif; color: var(--f); min-height: 100vh; margin: 0; padding: 0; } .shareButtons-label { display: none; } .shareButtons--iconic .shareButtons-buttons { display: none; } </style> </head> <body> <div class="_t8g"> <div class="_y5h"> <div class="_k9j"> <h1>Готовы улучшить свой опыт?</h1> <p>Обновите свой аккаунт, чтобы открыть специальные привилегии</p> </div> </div> </div> <div class="_w6n"> <div class="_m1a"> <div class="_x4b"> <span class="_q7c">Администратор форума</span> <span class="_e9d _9b4y">Keleen_Dalaner</span> <span class="_b7a _i2g">STAFF</span> </div> <a href="https://forum.crmp.online/members/keleen-dalaner.49572/" class="_r2f" target="_blank">Профиль на форуме →</a> </div> <div class="_m1a"> <div class="_x4b"> <span class="_q7c">Основатель</span> <span class="_e9d _2c8z">Shon_Takers</span> <span class="_b7a _f8d">FOUNDER</span> </div> <a href="https://forum.crmp.online/members/shon_takers.56873/" class="_r2f" target="_blank">Профиль на форуме →</a> </div> <div class="_v4o"> <div class="_u3p"> <div class="_s1b"> <div class="_o5c"> <h3>Личная краска</h3> <span class="_b7a _g9e">PREMIUM</span> </div> <div class="_k4i"> <div class="_l5j">200<span class="_m6k">₽</span></div> <span class="_n7l">навсегда</span> </div> </div> <div class="_o8m"> <a href="https://t.me/azxfalens" class="_p9n _q0o" target="_blank">Telegram</a> <a href="https://vk.com/tehforum_crmponline" class="_p9n _r1p" target="_blank">VK</a> </div> <div class="_s2q"> <ul> <li><div><i class="fas fa-caret-right"></i> Индивидуальный цвет ник-нейма</div></li> <li><div><i class="fas fa-caret-right"></i> Любой оттенок / градиент на выбор</div></li> <li><div><i class="fas fa-caret-right"></i> Выделение среди пользователей</div></li> <li><div><i class="fas fa-caret-right"></i> Связь с администрацией</div></li> <li><div><i class="fas fa-caret-right"></i> Повышенное доверие</div></li> <li><div><i class="fas fa-caret-right"></i> Уникальная иконка возле никнейма</div></li> </ul> </div> </div> <div class="_u3p"> <div class="_s1b"> <div class="_o5c"> <h3>Форумная семья</h3> <span class="_b7a _h1f">GUILD</span> </div> <div class="_k4i"> <div class="_l5j">300<span class="_m6k">₽</span></div> <span class="_n7l">навсегда</span> </div> </div> <div class="_o8m"> <a href="https://t.me/azxfalens" class="_p9n _q0o" target="_blank">Telegram</a> <a href="https://vk.com/tehforum_crmponline" class="_p9n _r1p" target="_blank">VK</a> </div> <div class="_s2q"> <ul> <li><div><i class="fas fa-caret-right"></i> Регистрация семьи</div></li> <li><div><i class="fas fa-caret-right"></i> Семья как в игре</div></li> <li><div><i class="fas fa-caret-right"></i> Сразу 3 уровень семьи <span class="_t3r"><i class="fas fa-star"></i></span></div></li> <li><div><i class="fas fa-caret-right"></i> Управление участниками</div></li> <li><div><i class="fas fa-caret-right"></i> Полная панель управления гильдией</div></li> </ul> </div> </div> <div class="_u3p"> <div class="_s1b"> <div class="_o5c"> <h3>Спонсор Форума</h3> <span class="_b7a _j3h">SPONSOR</span> </div> <div class="_k4i"> <div class="_l5j">400<span class="_m6k">₽</span></div> <span class="_n7l">навсегда</span> </div> </div> <div class="_o8m"> <a href="https://t.me/azxfalens" class="_p9n _q0o" target="_blank">Telegram</a> <a href="https://vk.com/tehforum_crmponline" class="_p9n _r1p" target="_blank">VK</a> </div> <div class="_s2q"> <ul> <li><div><i class="fas fa-caret-right"></i> <strong style="color:var(--a)">Уникальный баннер</strong> SPONSOR</div></li> <li><div><i class="fas fa-caret-right"></i> <strong style="color:var(--a)">Выделяемый цвет ник-нейма</strong> (бриллиантовый градиент)</div></li> <li><div><i class="fas fa-caret-right"></i> <strong style="color:var(--a)">Эксклюзивная иконка</strong> <i class="fas fa-gem" style="color:#ffb82b"></i> возле ника</div></li> <li><div><i class="fas fa-caret-right"></i> Приоритетная поддержка администрации</div></li> </ul> </div> </div> </div> <div class="_u4s"> <div class="_v5t"> <div> <h2 style="margin:0 0 8px 0;"><i class="fas fa-flag-checkered"></i> Dalaner Team <span class="_b7a _h1f" style="font-size:55%">LVL 4</span></h2> <div><i class="fas fa-user-tie"></i> Лидер: <strong style="color:var(--a)">Keleen Dalaner</strong> <span class="_b7a _f8d" style="font-size:50%">LEADER</span></div> </div> <div class="_w6u"> <div><i class="fas fa-users"></i> 56 участников</div> <div><i class="fas fa-chart-line"></i> Уровень 4</div> </div> </div> <div class="_x7v"> <div class="_y8w"><i class="fas fa-sliders-h"></i> <strong>Редактировать гильдию</strong><br><small>Название, тег, аватар, баннер</small></div> <div class="_y8w"><i class="fas fa-user-friends"></i> <strong>Управление участниками</strong><br><small>Роли, исключение, зам. лидера</small></div> <div class="_y8w"><i class="fas fa-envelope-open-text"></i> <strong>Управление приглашениями</strong><br><small>Квоты, ссылки-приглашения</small></div> <div class="_y8w"><i class="fas fa-lock"></i> <strong>Role permissions</strong><br><small>Права заместителей и участников</small></div> <div class="_y8w"><i class="fas fa-hand-over-fist"></i> <strong>Передать лидерство</strong><br><small>Смена главы семьи</small></div> <div class="_y8w"><i class="fas fa-trash-alt"></i> <strong>Расформировать гильдию</strong><br><small>Полное удаление</small></div> </div> <div style="background:rgba(255,184,43,.05);border-radius:16px;padding:12px;margin-top:20px;font-size:13px"> <i class="fas fa-info-circle"></i> Пример гильдии, созданной через услугу «Форумная семья». Полный контроль и управление. </div> </div> </div> <div class="_z9x"> <div class="_a0y _d3b"> <div class="_b1z"> <h4>Правила при покупке товара</h4> <svg class="_c2a" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3V17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M3 10H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> </div> <div class="_e4c"> <div class="_f5d"> <div class="_g6e"></div> <div class="_h7f">Перед покупкой вы берёте всю ответственность оплаты и покупки товара на СЕБЯ</div> </div> </div> </div> <div class="_a0y _d3b"> <div class="_b1z"> <h4>Как купить товар?</h4> <svg class="_c2a" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3V17" stroke="currentColor" stroke-width="1.5"/><path d="M3 10H17" stroke="currentColor" stroke-width="1.5"/></svg> </div> <div class="_e4c"> <div class="_f5d"> <div class="_g6e"></div> <div class="_h7f">Чтобы купить товар, выберите удобный способ связи (Telegram или VK) и напишите продавцу.</div> </div> </div> </div> <div class="_a0y _d3b"> <div class="_b1z"> <h4>Может ли меняться цена?</h4> <svg class="_c2a" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3V17" stroke="currentColor" stroke-width="1.5"/><path d="M3 10H17" stroke="currentColor" stroke-width="1.5"/></svg> </div> <div class="_e4c"> <div class="_f5d"> <div class="_g6e"></div> <div class="_h7f">Да, но в большинстве случаев это были скидки.</div> </div> </div> </div> <div class="_a0y _d3b"> <div class="_b1z"> <h4>Какие способы оплаты принимаются?</h4> <svg class="_c2a" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3V17" stroke="currentColor" stroke-width="1.5"/><path d="M3 10H17" stroke="currentColor" stroke-width="1.5"/></svg> </div> <div class="_e4c"> <div class="_f5d"> <div class="_g6e"></div> <div class="_h7f">Мы принимаем банковские карты и криптовалюту.</div> </div> </div> </div> <div class="_a0y _d3b"> <div class="_b1z"> <h4>Что даёт статус "Спонсор Форума"?</h4> <svg class="_c2a" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3V17" stroke="currentColor" stroke-width="1.5"/><path d="M3 10H17" stroke="currentColor" stroke-width="1.5"/></svg> </div> <div class="_e4c"> <div class="_f5d"> <div class="_g6e"></div> <div class="_h7f">Уникальный баннер SPONSOR, бриллиантовый цвет ника, эксклюзивная иконка <i class="fas fa-gem"></i> возле ника, имя в списке спонсоров и приоритетная поддержка!</div> </div> </div> </div> </div> <script> (function(){ var body = document.body; var wm = document.createElement('div'); wm.style.position = 'fixed'; wm.style.bottom = '10px'; wm.style.left = '10px'; wm.style.fontSize = '11px'; wm.style.color = 'rgba(255,184,43,0.3)'; wm.style.fontFamily = 'monospace'; wm.style.zIndex = '9999'; wm.style.pointerEvents = 'none'; wm.style.textAlign = 'left'; wm.innerHTML = '© crmp.online<br>JustAlex | Pawno-Help'; body.appendChild(wm); console.log('Шаблон разработал CRMP ONLINE'); console.log('Код шаблона слил JustAlex на Pawno-Help'); var faq = document.querySelectorAll('._a0y'); for(var i = 0; i < faq.length; i++){ faq[i].addEventListener('click', function(e){ this.classList.toggle('_open'); }); } })(); </script> </body> </html>
Угадал, там новый аф с чатом джипити менял кодТ.к на данный момент страница закрыта, то посмотреть изменения я не могу.
Но если в шалоне будут +- существенные изменения в коде(а не просто изменение владельца и тд), то я добавлю обнову своего реса