[Страница ТЕХ.Работ Форума]

Здарова всем , это html для форума , которая будет писать что на форуме ведутся технические.работы ,
Как настроить ?
Заходим в панель управления XenForo , выбираем Параметры , Настройки , Открытие и закрытие форума
Если вы начали делать тех работы , то убираете галочку с Форум Открыт , и вставляете код который ниже:

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 href="[URL='https://pawno-help.ru/redirect?to=aHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3MyP2ZhbWlseT1JbnRlcjp3Z2h0QDQwMDs2MDA7ODAwJmRpc3BsYXk9c3dhcA==']https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap[/URL]" rel="stylesheet">

<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Inter', sans-serif;
}

body {
background: #0f0f12;
color: #e5e5e5;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
text-align: center;
}

.wrapper {
max-width: 480px;
width: 90%;
padding: 30px;
border: 1px solid #2a2a2a;
border-radius: 12px;
background: #1b1b1f;
box-shadow: 0 4px 16px rgba(0,0,0,0.4);
}

.logo {
width: 140px;
margin: 0 auto 20px;
}

h1 {
font-size: 28px;
font-weight: 800;
margin-bottom: 12px;
color: #ffffff;
}

p {
font-size: 16px;
margin-bottom: 20px;
color: #cfcfcf;
}

.timer {
display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 20px;
}

.block {
background: #27272d;
padding: 14px 12px;
border-radius: 8px;
min-width: 68px;
}

.block span {
display: block;
font-size: 22px;
font-weight: 800;
color: #59eaff;
}

.block small {
font-size: 12px;
color: #9da5b4;
}

.note {
font-size: 14px;
color: #a3a3a3;
margin-top: 8px;
}
</style>
</head>
<body>

<div class="wrapper">

<img class="logo" src="[URL='https://pawno-help.ru/redirect?to=aHR0cHM6Ly9mb3J1bS5hcnotdW5pdmVyc2UucnUvZGF0YS9hc3NldHMvbG9nby9sb2dvLnBuZw==']https://forum.arz-universe.ru/data/assets/logo/logo.png[/URL]" alt="Universe Logo">

<h1>ФОРУМ ВЫКЛЮЧЕН</h1>
<p>Сейчас проводятся технические работы.<br>Форум будет готов в ближайшее время.</p>

<div class="timer">
<div class="block">
<span id="hrs">02</span>
<small>ЧАС</small>
</div>
<div class="block">
<span id="mins">00</span>
<small>МИН</small>
</div>
<div class="block">
<span id="secs">00</span>
<small>СЕК</small>
</div>
</div>

<div class="note">Ожидаемое время: 1–2 часа</div>
</div>

<script>
let secsLeft = 2 * 60 * 60;

function update() {
let h = Math.floor(secsLeft / 3600);
let m = Math.floor((secsLeft % 3600) / 60);
let s = secsLeft % 60;

document.getElementById('hrs').textContent = String(h).padStart(2, '0');
document.getElementById('mins').textContent = String(m).padStart(2, '0');
document.getElementById('secs').textContent = String(s).padStart(2, '0');

if (secsLeft > 0) secsLeft--;
}

setInterval(update, 1000);
update();
</script>

</body>
</html>

[После того как форум выключится , для администраторов/модераторов , он будет доступен , для обычных пользователей без краски / баннера нет , будет вылазить эта карточка]

Реакции: Kolpak, 4кк5555е5, timkak и 2 других

Поиск

Welcome!

[Страница ТЕХ.Работ Форума] 1.0

Другие ресурсы пользователя bejbitejpov

Поделиться ресурсом