注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

艾艾贴微商代理,微信:zeji110

艾艾贴,是30:1的五年黄金艾绒,效果是传统艾灸3~5倍!

 
 
 

日志

 
 
关于我

没基础?没资金?没关系!手把手教你低成本创业。加入我们,让你月薪过万,时间、金钱双自由。

网易考拉推荐

分享一款简洁404页面代码  

2013-04-28 11:12:29|  分类: 【经典代码】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
分享一款简洁404页面代码 - 我是鲨鱼 - SEO_网络营销_网站运营_淘宝
 
404页面代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>您访问的页面不存在或已删除</title>
<style type="text/css">
body {
text-align: center;
font-family: "宋体", serif;
margin: 0;
background: #fff;
font-size: 12px;
padding: 0;
height: 100%;
color: #2b2b2b;
}
form, ul, ol, li, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
ul, ol { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 12px; }
img { border: none; }
a { text-decoration: none; }
a:link { color: #1e50a2; }
a:visited { color: #1e50a2; }
a:hover { color: #ba2626; text-decoration: underline; }
a:active { color: #ba2626; }

/* 颜色样式 */
.cRed, a.cRed:link, a.cRed:visited {  color: red; }
.cDRed, a.cDRed:link, a.cDRed:visited { color: #ba2636; }
.cGreen, a.cGreen:link, a.cGreen:visited { color: #008000; }
.cGray, a.cGray:link, a.cGray:visited { color: #666; }
.cBlue, a.cBlue:link, a.cBlue:visited { color: #1e50a2; }

/* 文字大小 */
.f20px { font-size: 20px; }
/* 对齐方式 */
.fCenter { text-align: center; }

/* 最外围容器 */
.wrapper { width: 960px; margin: 0 auto; zoom: 1; overflow: hidden; }

/* 页头 */
.header {
background: #fff;
height: 49px;
margin-top: 10px;
border-bottom: 3px solid #000;
text-align: right;
}
.header a:link, .header a:visited  { color: #2b2b2b; }
.header a:hover, .header a:active { color: #ba2626; }
.header .inner { padding: 0 1px; height: 44px; line-height: 44px; }
.header h2 { float: left; }
.header .position { float: left; padding-left: 17px; }
.header .topNav { float: right; }

/* 广告 */
.topAd {
font-size: 14px;
background: #fbfaf5;
border: 1px solid #ccc;
height: 33px;
line-height: 33px;
overflow: hidden;
text-align: center;
margin-top: 5px;
color: #494b4e;
}
.topAd a, .topAd a:visited { color: #494b4e; }
.topAd a:hover { color: #ba2626; }

/* 错误提示 */
.errorMessage{
width:632px;
margin:88px auto;
line-height:21px;
}
.errorMessage .head{
text-align:left;
color:#dcdddd;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.errorMessage .body{
border:1px solid #dcdddd;
}
.errorMessage .bg404{
padding-left:320px;
background:url(http://www.jjpfk.com.cn/404.png) no-repeat 0 bottom;
height:198px;
}
.errorMessage .bgRepair{
padding-left:320px;
height:196px;
}
.errorMessage .bg404 h2,.errorMessage .bgRepair h2{
color:#aaa;text-align:center; font-size:20px; font-family:"黑体";padding:20px 0 5px; margin:60px 35px 10px 0;
}
.errorMessage .bg404 h3,.errorMessage .bgRepair h3{
color:#aaa;text-align:center; font-size:18px; font-family:"黑体"; margin:0 35px 0 0;
}
.errorMessage .foot{
border-top:1px solid #dcdddd;
text-align:right;
color:#dcdddd;
}
/* 页脚 */
.footer {
padding: 5px 0 10px 0;
line-height: 1.8em;
color: #4d4d4d;
border-top: 1px solid;
}
.footer a { color: #4d4d4d; }
.footer a:hover { color: #ba2626; }
.footer em { font-style: normal; color: #ff0000; }
</style>
</head>

<body>
<div class="errorMessage">
<h2 class="head">Error message</h2>
    <div class="body bg404">
    <h2>您访问的页面不存在或已删除</h2>
    <h3>3秒后<a href="http://www.***.cn/404.html" title="点击返回首页">返回首页</a></h3>
    </div>
    <div class="foot">
    </div>
</div>

</body></html>
注:http://www.***.cn/404.html 。写上你所要跳到的404页面。
  评论这张
 
阅读(457)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017