- 操作步骤:
- 新建一个
404.php
文件,复制以下代码:
- 新建一个
<!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" xml:lang="{$language}" lang="{$language}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Language" content="{$language}" />
<title>404预警页面</title>
<link rel="stylesheet" rev="stylesheet" href="{$host}zb_users/theme/{$theme}/style/{$style}.css" type="text/css" media="all" />
</head>
<body>
<div id="logo404"></div>
<div id="cw404">
<h1>啊哦...您来到了一个404页面</h1>
<p>提示:您正在打开的页面可能被站长弄坏了!推荐您<a href="{$host}">返回首页</a>找到开始的路!</p>
</div>
</body>
</html>
- CSS代码:
#logo404 {
background-color: #FFFFFF;
background-image: url(../include/logo.png);
background-repeat: no-repeat;
background-position: center center;
padding-top: 60px;
padding-bottom: 60px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #9EAA99;
box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
}
#cw404 {
width: 720px;
margin: 20px auto;
}
#cw404 h1 {
font-size: 18px;
line-height: 60px;
font-weight: normal;
text-align: center;
}
#cw404 .kuang {
font-size: 14px;
border: 1px solid #9EAA99;
border-radius: 3px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
padding: 20px;
background-color: #FFFFFF;
}
- 操作步骤:
- 将
404.php
文件上传到主题模板文件夹。 - 将CSS代码粘贴到主题的CSS文件中。
- 刷新页面查看效果。
- 将