Страница 404 светло синяя
 | |
| Простая по дизайн страница под номером 404, которой не существует. Подойдет на светлый фон и антологичный по оттенку интернет ресурс, по размерам небольшая. Что можно поставить на фиксированную ширину портала, чтоб смотрелось как то равномерно. Также на любой блог, но там есть картинка, с которой можно связать некоторые тематики. Для начало скачиваем файл, там будет папка 404, что в корень сайта ее кидаем. Потом второй основной файл 404.htm и он будет редактироваться, что нам нужно. Нажимаем на ключ и откроется окно и от туда все убираем и ставим этот скрипт. Код * {margin: 0; padding: 0; font-size: 1em; list-style: none;} html {font-size: 100.1%;} body {background: #fff; color: #959595; font: 0.7em Tahoma, 'Nimbus Sans L', sans-serif;} img {border: 0} a:link, a:visited {color: #01a2d9;} a:hover, a:active {color: #c66060;} #face {display: block; width: 117px; height: 102px; margin-left: 300px; outline: none;} #face span {display: none;} #frame {width: 417px; margin: 100px auto 0; padding-left: 39px; background: url(http://zornet.ru/Ajaxoskrip/Aster/bg_top.png) 100% 0 no-repeat;} h1 {width: 334px; height: 41px; margin-right: 39px; padding: 15px 22px 0; color: white; font-weight: normal; font-size: 1.8em;} #content {margin-right: 39px; padding: 17px 2px 8px; background: #fbfbfb url(http://zornet.ru/Ajaxoskrip/Aster/bg_bottom.png) 0 100% no-repeat;} #foot {width: 334px; height: 18px; padding: 10px 20px 0; border-top: 1px solid #dbdbdb; font-size: 0.85em;} #foot a:link, #foot a:visited {color: #959595;} #foot a:hover, #foot a:active {color: #c66060;} #foot a#logo {float: right;} #foot a#sign {float: left; padding-top: 2px;} #code {position: absolute; margin: 4px 0 0 20px; padding: 10px; border: 1px solid #01a0d7; color: #c66060; font-weight: normal; font-size: 1.7em;} #url {width: 264px; margin: 0 20px 0 90px; overflow: auto; overflow: hidden; color: #01a2d9; font-weight: bold; font-size: 1.1em; white-space: nowrap;} #description {margin: 5px 20px 20px; color: #959595;} .standard #description {margin: 5px 20px 10px 90px;} .standard.withurl #description {margin-bottom: 5px;} div#description p, div#description li {margin: 5px 0;} div#description h2 {color: #01a2d9; font-size: 1.1em;} div#description p.super {font-weight: bold;} div#description table {width: 100%; border-collapse: collapse;} div#description caption {padding-bottom: 15px; font-weight: bold; text-align: left;} div#description td {padding: 3px 10px; border: 1px solid #dbdbdb; vertical-align: top;} #incut {margin: 10px 0 !important; padding: 5px; border: 1px solid #ddd; background: #f5f5f5;} #incut strong {color: #f00; font-weight: normal;} #incut strong.super {display: block; font-weight: bold;} #incut em {font-weight: bold; font-style: normal;} #reasons {margin: 5px 20px 10px 90px;} #reasons h2 {margin: 5px 0 10px;} #reasons li {margin: 3px 0; padding-left: 11px; background: url(http://zornet.ru/Ajaxoskrip/Aster/bg_top.png) 0 0.45em no-repeat;} #reasons #moreinfo {margin: 10px 0;} #extinfo {clear: both; margin-top: 10px; padding: 5px 0; border-top: 1px solid #dbdbdb; background: #fff;} #extinfo h2 {margin: 8px 0 5px; padding: 0 20px 0 26px; color: #76b126; font-size: 1.1em;} #extinfo ul {margin: 5px 20px 14px 15px;} #extinfo li {margin: 3px 0; padding-left: 11px; background: url(http://zornet.ru/Ajaxoskrip/Aster/bul.gif) 0 0.45em no-repeat;} #extinfo li a {font-weight: bold;} #foradmin {margin: 7px 20px 7px 26px; font-size: 0.85em;} #foradmin a:link, #foradmin a:visited {color: #959595;} #foradmin a:hover, #foradmin a:active {color: #c66060;} PS - страница не адаптированная под мобильные аппараты. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 2 | |
|
| |
