简洁大气的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 id="a-img-src-static-imghwm-default-png-data-src-http-localhost-sucai-Public-images-logo-jpg-class-lazy-alt-thinkphp-精美-模板-a"> <a><img src="/static/imghwm/default1.png" data-src="http://localhost/sucai/Public/images/logo.jpg" class="lazy" alt="thinkphp 精美404模板" ></a> </h1> <br>
<h2 id="img-src-static-imghwm-default-png-data-src-http-www-sucaihuo-com-Public-images-err-gif-class-lazy-alt-thinkphp-精美-模板-Hey"> <img src="/static/imghwm/default1.png" data-src="http://www.sucaihuo.com/Public/images/err404.gif" class="lazy" 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元

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

記事本++7.3.1
好用且免費的程式碼編輯器

Dreamweaver Mac版
視覺化網頁開發工具

SublimeText3 Linux新版
SublimeText3 Linux最新版