Красивая страница 404 для сайта тематики кино - 15 Августа 2012 - Бесплатные скрипты - Бесплатные шаблоны&скрипты для системы uCoz

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>404 Страница не найдена</title>
<style media="all" type="text/css">
  html, body { margin: 0; padding: 0; }
  body { background: #ffffff; color: #383838; font: 14px/18px Arial, Helvetica, sans-serif; }
  a { color: #31669b; text-decoration: none; }
  h1 { margin: 0 0 18px 0; font-size: 24px; font-weight: bold; }
  p { margin: 0 0 18px 0; }
  .b-outer { position: relative; min-height: 480px; background: #ffffff url(http://ext1on.my1.ru/_file/404KinoSite/scene_404.jpg) left 0 no-repeat; }
  .b-inner { padding: 135px 0 0 460px; width: 360px; }
  .link { position: absolute; top: 160px; left: 160px; display: block; width: 228px; height: 60px; }
  .gotomain { font-size: 16px; }

  .b-search-box {
  position: relative;
  }
  .b-search-box_indicator {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 47px;
  height: 32px;
  background: url(http://ext1on.my1.ru/_file/404KinoSite/sprt.png) no-repeat -160px -48px;
  }
  .b-search-box_text {
  float: left;
  margin: 0 0 0 38px;
  padding: 6px 15px 6px 15px;
  border: 1px solid #dddddd;
  width: 202px;
  height: 18px;
  vertical-align: middle;
  outline: none;
  line-height: 18px;
  font-size: 14px;
  color: #4c4c4c;
  }
  .b-search-box_submit {
  float: left;
  display: block;
  margin: 0 0 0 -1px;
  padding: 0 12px 0 12px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
  height: 32px;
  }
  .b-search-box.active .b-search-box_indicator {
  background-position: -208px -48px;
  }
</style>
</head>
<body>
<div class="b-outer">
<a href="/" class="link"></a>
<div class="b-inner">
<h1>Упс, страничка не найдена :/</h1>
<p>Неправильно набран адрес, или такой страницы на сайте больше не существует.</p>
<p class="gotomain"><a href="/">Перейти на главную</a></p>
<p>или найти нужное с помощью поиска:</p>
<div id="search-box" class="b-search-box">
<span class="b-search-box_indicator"></span>
<form action="/search" method="get">
<input id="search-box_text" class="b-search-box_text" type="text" name="q" placeholder="Поиск...">
<input id="search-box_submit" class="btn btn-light b-search-box_submit" type="submit" value="Искать">
</form>
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>