简洁大气的404页面,代码简洁。
先配置config.php 404地址
'TMPL_EXCEPTION_FILE' => './Application/Home/View/Public/404.html'
CSS代码html {<br>
background: #f7f7f7;<br>
}<br>
body {<br>
background: #fff;<br>
color: #333;<br>
font-family: "MicrosoftYaHei" , "微软雅黑" ,Verdana,Arial;<br>
margin: 2em auto 0 auto;<br>
width: 700px;<br>
padding: 1em 2em;<br>
-moz-border-radius: 11px;<br>
-khtml-border-radius: 11px;<br>
-webkit-border-radius: 11px;<br>
border-radius: 11px;<br>
border: 1px solid #dfdfdf;<br>
}<br>
<br>
a {<br>
color: #2583ad;<br>
text-decoration: none;<br>
}<br>
<br>
a:hover {<br>
color: #d54e21;<br>
}<br>
<br>
h1 {<br>
border-bottom: 1px solid #dadada;<br>
clear: both;<br>
color: #666;<br>
margin: 5px 0 5px 0;<br>
padding: 0;<br>
padding-bottom: 1px;<br>
text-align: center;<br>
}<br>
<br>
h2 {<br>
text-align: center;<br>
font-size: 30px;<br>
}<br>
<br>
p {<br>
text-align: center;<br>
font-size: 18px;<br>
}<br>
<br>
div {<br>
margin-bottom: 80px;<br>
}<br>
<br>
ul {<br>
width: 400px;<br>
margin: 0 auto;<br>
}
JS代码function seconds_back() {<br>
if (all
self.location = "http://www.sucaihuo.com";<br>
}<br>
var obj = document.getElementById("seconds_back");<br>
if (obj) obj.innerHTML = all + " 秒后";<br>
all--;<br>
}<br>
var all = 9;<br>
if (all > 0) window.setInterval("seconds_back();", 1000);
HTML代码<br>
<br>
<br>
<h1> <a><img alt="thinkphp 精美404模板" ></a> </h1> <br>
<h2> <img alt="thinkphp 精美404模板" > Hey? 404 </h2> <br>
<p>抱歉,你输入的网址可能不正确,或者该网页不存在。</p> <br>
<div> <br>
<ul> <br>
<li><a><span></span>返回首页</a></li> <br>
</ul> <br>
</div>
<br>
<br>
最后附上 素材火官网的404演示效果:http://www.sucaihuo.com/404
404.rar ( 1.12 KB 下载:97 次 )
AD:真正免费,域名+虚机+企业邮箱=0元