Ещё одна страница 404, или offline
Попался один сайт, где была такая страница 404, решил выдернуть её, и добавить в блог для коллекции. Ничего особенного в ней нет, скорее понравилась больше рябь gif, которая на странице моргает. Чтоб не делать отдельно саму страницу и изображение, картинку в код страницы добавил в base64. Просто сохраняете код в HTML. или в offline.tpl.
<html>
<head>
<title>Ошибка 404</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body {
padding: 0px;
margin: 0px;
overflow: hidden;
font-size: 14px;
color: #FFFFFF;
background: #9e9e9e url('/uploads/mini/noimage.jpg');
FONT-FAMILY: Arial;
font-weight: normal;
}
a {
color: #FFFFFF;
}
.container {
position: absolute;
z-index: 1;
width: 100%;
left: 0px;
right: 0px;
top: 0px;
bottom: 100px;
display: flex;
justify-content: center;
align-content: space-between;
align-items: center;
flex-direction: column;
}
.container .block {
width: 300px;
height: 200px;
line-height: 20px;
text-align: center;
text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
h1 {
padding: 0px;
margin: 0px;
font-size: 100px;
font-weight: bold;
line-height: 90px;
padding-bottom: 10px;
text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
h2 {
padding: 0px;
margin: 0px;
font-size: 50px;
font-weight: bold;
line-height: 40px;
padding-bottom: 20px;
text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
b {
padding: 0px;
margin: 0px;
font-size: 20px;
font-weight: bold;
line-height: 10px;
text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
</style>
</head>
<body>
<div class="container">
<div class="block">
<h1>404</h1>
<h2>Страница не найдена.</h2>
<b>Ой, здесь ничего нет.</b>
<br><br>
Можно перейти на первую страницу сайта
<br><br>
<a href="/">На главную</a>
</div>
</div>
</body>
</html>Или можете скачать готовый HTML файл:
404.7z
[184.18 Kb] (cкачиваний: 3)
Похожие статьи:
Комментарии: