简单干净的404单页模板

以下为404代码,将代码复制到404.php保存,上传至主题文件夹中即可。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="UTF-8">
<title>页面没找到!</title>   //名称
<meta name="robots" content="nofollow, noindex">
<style>
a{
background-color:#CCCCFF !important;
color:#000 !important;
}
a[rel*="nofollow"]
{
background-color: #FFF !important;
color: #000000 !important;
font-weight: bold !important;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,fieldset{margin:0;padding:0}
body{font-family:Verdana,"BitStream vera Sans",Arial,Helvetica,'Lucida Grande','Lucida Sans Unicode',Sans-serif;color:#555}
img{border:0}
a{color:#2970A6;text-decoration:none}
a:hover{text-decoration:underline}
#container{margin:100px auto;width:750px}
#talker{background:url(/wp-content/uploads/2015/08/20150810131223_97673.png) 100% 33% no-repeat;padding-right:45px;float:left}  //此处()内为箭头图片地址,其图片素材可以在文章下方找到
#talker a{float:left;margin-top:20px}
#notice{background:#EDEFF0;width:560px;float:left;padding:15px 20px 0}
#notice h1{font-size:24px;font-family:"Courier New",Courier,Monospace}
#notice p{font-size:14px;margin-top:10px}
#notice .back{width:560px;display:block;margin:0 -20px;padding:30px 20px}
#notice .back a{color:#000;font-weight:bold;text-decoration:none;background:#9CD941;border:1px solid #D0F29D;border-right-color:#398A38;border-bottom-color:#398A38;padding:10px 15px;font-size:14px;margin-right:3px}
#notice .back a:hover{background:#ADEB51}
#notice .back a.feed{background:#F9A350;border:1px solid #FAAC56;border-right-color:#C6432A;border-bottom-color:#C6432A}
#notice .back a.feed:hover{background:#FCB363}
</style>
</head><body><div id="container">
	<div id="talker">
		<a href="http://www.zootui.com/" rel="nofollow"><img src="http://7xk7za.com1.z0.glb.clouddn.com/404-peitu-404.png" alt=""></a> //将其中的图片链接更换为你喜欢的图片,但图片宽度最后不要超过120 </div>  <div id="notice">
		<h1>哎呀,页面没找到!</h1>
		<p>藏在这里都被您找到了!但是很遗憾的告诉您,由于您输入的链接无效,或是博客页面被删除,所以本页面并不能为您提供有价值的资料。</p>
		<p style="padding-left:10px">您可以通过以下两种方式回到正常页面:<br/>
        ➽ 点击浏览器上方『返回』;<br/>
        ➽ 通过点击以下按钮返回众推不靠谱博客。
        </p>
		<div class="back">
			<a href="http://www.zootui.com/">返回博客首页</a>   //将此处链接改为你自己博客链接
		</div>
	</div>
</div>
</body></html>

箭头图片素材:

欢迎转载,转载请注明本文链接:众推不靠谱 » 简单干净的404单页模板

吐槽 1


  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 李洁博客:mrgreen: 这个404也好玩,可是不会写404.回复