[html]
<style>
.cc-help,
.cc-help * {
box-sizing: border-box;
}
.cc-help {
width: 100%;
max-width: 740px;
margin: 30px auto;
overflow: hidden;
color: #66758d;
font: 13px/1.75 Arial, sans-serif;
background:
radial-gradient(circle at 94% 9%, rgba(241,190,211,.18) 0 75px, transparent 77px),
linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,244,252,.98));
border: 1px solid #c8d5e8;
border-radius: 16px;
box-shadow:
0 12px 30px rgba(75,94,128,.14),
inset 0 0 0 5px rgba(255,255,255,.45);
}
.cc-help-content {
width: 100%;
padding: 0 40px 38px;
}
.cc-help-head {
position: relative;
height: 41px;
margin: 0 -40px 42px;
background-color: #a9bddc;
background-image:
linear-gradient(rgba(145,170,207,.08), rgba(145,170,207,.08)),
url("https://raw.githubusercontent.com/dietcherrycola92-pixel/files/refs/heads/main/%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-bottom: 1px solid rgba(128,150,186,.22);
}
.cc-help-head-title {
position: absolute;
left: 50%;
bottom: -12px;
width: 250px;
padding: 5px 15px 6px;
color: #fff;
font-size: 13px;
font-weight: 700;
font-style: italic;
line-height: 1.2;
letter-spacing: 1.5px;
text-align: center;
text-transform: lowercase;
background: #d9a5bc;
border: 1px solid #c890a9;
box-shadow:
0 2px 3px rgba(83,98,127,.18),
inset 0 1px rgba(255,255,255,.25);
transform: translateX(-50%);
}
.cc-help-section {
margin-bottom: 28px;
}
.cc-help-section:last-child {
margin-bottom: 0;
}
.cc-help-title {
position: relative;
margin: 0 0 18px;
padding: 17px 20px 17px 61px;
color: #7489ae;
font-size: 15px;
font-weight: 700;
line-height: 1.45;
background: rgba(255,255,255,.72);
border: 1px dashed #b8c8e1;
border-radius: 11px;
}
.cc-help-title:before {
content: "01";
position: absolute;
top: 50%;
left: 16px;
width: 32px;
height: 32px;
color: #fff;
font-size: 11px;
font-weight: 700;
line-height: 32px;
text-align: center;
background: #a5b9dc;
border-radius: 50%;
box-shadow: inset 0 0 0 4px rgba(255,255,255,.25);
transform: translateY(-50%);
}
.cc-help-section-second .cc-help-title {
color: #b77c95;
border-color: #dbb8c8;
}
.cc-help-section-second .cc-help-title:before {
content: "02";
background: #dda8be;
}
.cc-help-text {
color: #6f7d92;
text-align: justify;
}
.cc-help-text p {
margin: 0 0 12px;
}
.cc-help-subtitle {
display: inline-block;
margin: 7px 0 13px;
padding: 4px 13px;
color: #fff;
font-size: 9px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
background: #9dafd1;
border-radius: 20px;
}
.cc-help-section-second .cc-help-subtitle {
background: #d6a0b7;
}
.cc-help-list {
margin: 0;
padding: 0;
list-style: none;
counter-reset: help-step;
}
.cc-help-list li {
position: relative;
min-height: 35px;
margin: 0 0 9px;
padding: 7px 12px 7px 45px;
color: #69788f;
background: rgba(255,255,255,.66);
border: 1px solid #d9e1ed;
border-radius: 8px;
counter-increment: help-step;
}
.cc-help-list li:before {
content: counter(help-step);
position: absolute;
top: 7px;
left: 9px;
width: 25px;
height: 25px;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 25px;
text-align: center;
background: #a6b9da;
border-radius: 50%;
}
.cc-help-section-second .cc-help-list li:before {
background: #d8a4ba;
}
.cc-help-key {
padding: 1px 5px 2px;
color: #a96f89;
font-weight: 700;
background: linear-gradient(
transparent 42%,
rgba(245,204,220,.75) 42%
);
}
.cc-help-note {
position: relative;
margin-top: 18px;
padding: 15px 18px 15px 45px;
color: #65748b;
font-size: 12px;
background: #edf2fa;
border-left: 4px solid #9db2d7;
border-radius: 8px;
}
.cc-help-note:before {
content: "!";
position: absolute;
top: 16px;
left: 15px;
width: 19px;
height: 19px;
color: #fff;
font-size: 11px;
font-weight: 700;
line-height: 19px;
text-align: center;
background: #9db2d7;
border-radius: 50%;
}
.cc-help-warning {
position: relative;
margin-top: 18px;
padding: 18px 20px 18px 56px;
color: #876979;
background:
radial-gradient(circle at 95% 20%, rgba(255,255,255,.55) 0 32px, transparent 33px),
linear-gradient(135deg, #f8e4ec, #f3d6e2);
border: 1px solid #e5bdcf;
border-radius: 10px;
}
.cc-help-warning:before {
content: "★";
position: absolute;
top: 50%;
left: 18px;
width: 27px;
height: 27px;
color: #fff;
font-size: 13px;
line-height: 27px;
text-align: center;
background: #d69ab4;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(168,103,132,.16);
transform: translateY(-50%) rotate(-7deg);
}
.cc-help-warning b {
color: #ae738c;
}
.cc-help-divider {
position: relative;
height: 1px;
margin: 30px 0;
background: linear-gradient(
90deg,
transparent,
#cbd6e7 18%,
#cbd6e7 82%,
transparent
);
}
.cc-help-divider:after {
content: "✦";
position: absolute;
top: 50%;
left: 50%;
padding: 0 10px;
color: #d49ab3;
font-size: 13px;
background: #f5f7fb;
transform: translate(-50%, -50%);
}
@media (max-width: 650px) {
.cc-help {
border-radius: 12px;
}
.cc-help-content {
padding: 0 18px 28px;
}
.cc-help-head {
height: 68px;
margin: 0 -18px 38px;
}
.cc-help-head-title {
width: 210px;
font-size: 11px;
}
.cc-help-text {
text-align: left;
}
.cc-help-title {
padding: 55px 16px 16px;
}
.cc-help-title:before {
top: 12px;
left: 15px;
transform: none;
}
.cc-help-list li {
padding-right: 10px;
}
.cc-help-warning {
padding: 52px 17px 17px;
}
.cc-help-warning:before {
top: 14px;
left: 16px;
transform: rotate(-7deg);
}
}
</style>
<div class="cc-help">
<div class="cc-help-content">
<div class="cc-help-head">
<div class="cc-help-head-title">помощь с RusFF</div>
</div>
<div class="cc-help-section">
<div class="cc-help-title">
Если не получается зарегистрироваться или RusFF считает вас роботом
</div>
<div class="cc-help-text">
<p>
Это сработала автоматическая защита RusFF от ботов. Она может
заблокировать регистрацию, отправку анкеты или любого другого
сообщения.
</p>
<p>
Чаще всего это происходит из-за подозрительного IP-адреса,
использования VPN или прокси, нескольких повторных отправок
подряд либо вмешательства браузерных расширений.
</p>
</div>
<div class="cc-help-subtitle">что можно попробовать</div>
<ol class="cc-help-list">
<li>
Не нажимайте кнопку <b>«Отправить»</b> несколько раз подряд.
</li>
<li>
Отключите VPN, прокси и блокировщики рекламы.
</li>
<li>
Откройте форум в режиме инкогнито.
</li>
<li>
Переключитесь с рабочего или общественного Wi-Fi на мобильный интернет.
</li>
<li>
Если ничего не помогло, подождите около часа и попробуйте снова.
</li>
</ol>
<div class="cc-help-note">
Если через мобильный интернет всё работает, скорее всего, защита
заблокировала IP-адрес вашей прежней сети.
</div>
</div>
<div class="cc-help-divider"></div>
<div class="cc-help-section cc-help-section-second">
<div class="cc-help-title">
Если форум загружается очень долго
</div>
<div class="cc-help-text">
<p>
Иногда загрузку форума тормозит один из подключённых ресурсов:
скрипт, реклама, счётчик, шрифт или изображение. Найти его можно
через инструменты разработчика в браузере.
</p>
</div>
<div class="cc-help-subtitle">что нужно сделать</div>
<ol class="cc-help-list">
<li>
Откройте форум.
</li>
<li>
Нажмите <span class="cc-help-key">Ctrl + Shift + I</span>
или клавишу <span class="cc-help-key">F12</span>.
</li>
<li>
Перейдите во вкладку <b>Network</b>.
</li>
<li>
Убедитесь, что возле пункта <b>Disable cache</b> не стоит
галочка. Если она включена, браузер каждый раз загружает все
файлы заново.
</li>
<li>
Не закрывая инструменты разработчика, обновите страницу
клавишей <span class="cc-help-key">F5</span>.
</li>
<li>
Посмотрите, какой ресурс загружается дольше остальных,
зависает или выделяется красным.
</li>
<li>
Нажмите на него правой кнопкой мыши и выберите
<b>Block request URL</b>.
</li>
<li>
Снова обновите страницу и проверьте скорость загрузки форума.
</li>
</ol>
<div class="cc-help-note">
Ресурсы лучше блокировать по одному, каждый раз проверяя результат.
Не блокируйте основные файлы форума наугад: это может привести к
исчезновению оформления или поломке отдельных функций.
</div>
<div class="cc-help-warning">
<b>Важно:</b> блокировка выбранного ресурса действует только при
открытых инструментах разработчика. Чтобы форум продолжал
загружаться быстро, не закрывайте режим разработчика и вкладку
<b>Network</b>.
</div>
</div>
</div>
</div>
[/html][hideprofile]

