thinkphp 精美404模板

原创
2016-06-07 11:39:16 1115浏览

简洁大气的404页面,代码简洁。

先配置config.php 404地址
'TMPL_EXCEPTION_FILE' => './Application/Home/View/Public/404.html'
CSS代码html {
background: #f7f7f7;
}
body {
background: #fff;
color: #333;
font-family: "MicrosoftYaHei" , "微软雅黑" ,Verdana,Arial;
margin: 2em auto 0 auto;
width: 700px;
padding: 1em 2em;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
border: 1px solid #dfdfdf;
}

a {
color: #2583ad;
text-decoration: none;
}

a:hover {
color: #d54e21;
}

h1 {
border-bottom: 1px solid #dadada;
clear: both;
color: #666;
margin: 5px 0 5px 0;
padding: 0;
padding-bottom: 1px;
text-align: center;
}

h2 {
text-align: center;
font-size: 30px;
}

p {
text-align: center;
font-size: 18px;
}

div {
margin-bottom: 80px;
}

ul {
width: 400px;
margin: 0 auto;
}
JS代码function seconds_back() {
if (all self.location = "http://www.sucaihuo.com";
}
var obj = document.getElementById("seconds_back");
if (obj) obj.innerHTML = all + " 秒后";
all--;
}
var all = 9;
if (all > 0) window.setInterval("seconds_back();", 1000);
HTML代码



Hey? 404


抱歉,你输入的网址可能不正确,或者该网页不存在。




最后附上 素材火官网的404演示效果:http://www.sucaihuo.com/404

附件 404.rar ( 1.12 KB 下载:97 次 )

AD:真正免费,域名+虚机+企业邮箱=0元

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。