ZorNet.Ru — сайт для вебмастера » HTML и CSS » Ошибка 404 (страница не найдена) на сайте

Ошибка 404 (страница не найдена) на сайте

Просто не мог пропустить эту удивительную страницу 404 под ошибку на сайте, так как ее отлично в оригинальном стиле можно настроить мастеру. Здесь идет одно изображение, если поставить под формат PNG, то веб разработчику останется выставить фон под основной дизайн. Так вы можете самостоятельно выбрать небольшой рисунок, который вам больше нравится или отлично подходит по тематику сайта. После установки она начинает двигаться, а точнее простая тряска, что в CSS выставляем по скорости.

Здесь как можно заметить выбран светлый фон и популярный мем под основу прописан. Как вы можете сделать, да все просто, это оставить так как все идет по умолчанию, или найти оригинальное решение. Где гость с поиска вдруг попадет на такую страницу и ему станет просто интересно что находится на сайте, если такая оригинальная страница установлена под ошибку, что такого материала на портале нет, так как он был удален администрацией.

Так реально смотрится, как все установите.

Как пример, можно такое изображение поставить, главное. чтоб под анимацию подходило, чтоб по всем сторонам был аналогичный оттенок цвета, это для того, чтоб выставить правильный фон, где все бы выглядело корректно на странице.

Приступаем к установке:

HTML

Код

<div id="tukortunovounal">
  <img src="http://zornet.ru/ABVUN/Anisa/notfound.jpeg" id="logo404">
  <h1>Вау ... Как получилось?</h1>
  <h2>Пожалуйста перейдите на<a href="#" target="_blank"> главную страницу</a></h2>
</div>

CSS

Код

body {
  background: #fbfbfb none repeat scroll top left;
  color: #403c3c;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: normal;
}

#tukortunovounal {
  margin: 49px auto;
  max-width: 800px;
  text-align: center;
}

h1 {
  font-size: 195%;
  font-weight: 800;
  margin-top: 28px;
}

h2 {
  font-size: 115%;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 50px;
  line-height: 1.5em;
}

@-webkit-keyframes thumb {
  0% {
  -webkit-transform: scale(1);
  }
  50% {
  -webkit-transform: scale(0.9);
  }
  100% {
  -webkit-transform: scale(1);
  }
}

#tukortunovounal img {
  -webkit-animation-name: thumb;
  -webkit-animation-duration: 200ms;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

Если рассмотреть ошибку подробнее, то она возникает при разных попытках посетить интернет сайт или страницу, которая уже не существует, а точнее просто была ранее удалена, но в поисковых системах на ее какое-то время остается запрос. Так что такая проблема возникает на самой интернет площадке, точнее сайте, и в этом случай вряд ли что можно сделать.

Но так случается, что проблема заключается в том, где у вас есть возможность изначально ее решить, это сделать так, чтоб направить потенциального пользователя по заданной ссылки, что будет предоставлена для него.

Так что из этого делаем вывод, что шибка 404, это код состояния HTTP, которая означает, что страница, где пытались найти на веб сайте, не найдена на их сервере.

Демонстрация

09 Ноября 2018 Просмотров: 1175 Комментариев: (0)

Поделиться в социальных сетях

Материал разместил

Kosten

Комментарии: 0