- Версия XenForo
- 2.0
- 2.1
- 2.2
- 2.3
Кастомное выключение для форума
Код вставлять в Параметры - Настройки - Закрытие/Открытия форума - вставить HTML код в строку снизу
Код вставлять в Параметры - Настройки - Закрытие/Открытия форума - вставить HTML код в строку снизу
Код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Форум временно отключен</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;
margin: 0;
padding: 0;
}
html, body {
height: 100%;
width: 100%;
background: radial-gradient(ellipse at top, #1e1e1e 0%, #0f0f0f 70%);
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
}
.card {
background: #181818;
border-radius: 18px;
padding: 48px 36px;
width: 100%;
max-width: 600px;
text-align: center;
box-shadow:
0 0 0 1px rgba(255,255,255,0.05),
0 25px 60px rgba(0,0,0,0.6);
}
.icon {
width: 64px;
height: 64px;
border-radius: 16px;
background: linear-gradient(135deg, #ff3b5c, #b81e3a);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 24px;
}
.icon span {
font-size: 28px;
font-weight: 700;
color: #fff;
}
h1 {
font-size: 26px;
margin: 0 0 16px;
}
p {
font-size: 16px;
line-height: 1.6;
color: #bdbdbd;
margin: 0 0 36px;
}
.brand {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-weight: 600;
color: #e6e6e6;
}
.brand-logo {
width: 28px;
height: 28px;
border-radius: 8px;
background: #ff3b5c;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: #fff;
}
</style>
</head>
<body>
<div class="card">
<div class="icon">
<span></></span>
</div>
<h1>Форум временно отключен</h1>
<p>
Мы проводим плановое техническое обслуживание,
чтобы сделать <span style="color:#ff3b5c;">Ваше название</span> ещё лучше.
Приносим извинения за неудобства и скоро вернёмся!
</p>
<div class="brand">
<div class="brand-logo"></></div>
Ваше название
</div>
</div>
</body>
</html>