zblogphp设置404页面的最新方法

天兴工作室 2014-12-31 15:58 教程 10724 7 评论

之前写过一篇“zblogphp的404页面设置方法“，很多朋友看了之后还是有点疑惑，其实这篇文章是在zblogphp1.2时代写的，现在zblogphp已经升级至1.3啦。

在zblogphp1.3版本开始，zblogphp的404页面设置方法就简单很多了，直接在主题模板文件所在文件夹内加一个”404.php“文件即可。不需要任何额外设置。

奉上天兴工作室写的一个简单的404页面，有需要的直接复制即可。

1、先看下此教程了解下文件要放在那里”zblogphp主题模板修改教程 zblogphp模板怎么修改？“

2、新建一个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>

代码里面的js为腾讯的”宝贝回家“公益代码，不需要可以删掉。

ps:由于腾讯耍流氓，所以腾讯代码全部删除...

3、复制以下css代码粘贴至你正在使用的主题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;}

注意下里面的logo图片路径。

好啦，现在刷新下即可看到404页面结果啦，按照本文方法做出来的404页面截图如下：

zblogphp设置404页面的最新方法 zblogphp zblogphp404 404 教程第1张