注册 登录 天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制

教程

分享一些有关于zblog的教程,这里有zblog初级教程、zblog中级教程和zblog进阶版教程,如果对你有所帮助,深感荣幸

当前位置:网站首页 教程 正文

zblogphp设置404页面的最新方法

天兴工作室管理 2014-12-31 教程 4430 ℃ 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页面的最新方法 教程

当然啦,有疑问欢迎提问。


放绝招啦,实在不会的朋友直接下载天兴工作室已经制作好的404文件上传到你正在使用的主题模板文件夹下即可:点击下载进入百度网盘下载

赞 (2)

已有 7 位小伙伴发表了看法

zrdiy电子学习网

回应tazrdiy电子学习网 (游客)

评论于 2015-03-05 14:10:49

蓝色简洁主题的log位置太短了,不能完全显示,不知道怎么改,来这转转,无意看到这一篇文章,,就到css文件里试了,下搞定了
天兴工作室

回应ta天兴工作室 (游客)

评论于 2015-03-05 21:17:16

非常赞成自己动手丰衣足食...
有爱博客

回应ta有爱博客 (游客)

评论于 2015-02-24 18:14:01

我测试了一下,效果不太理想,整个页面被TX的404霸占了,测试了一下贵站长的404也是如此,难道是我浏览器问题么?
天兴工作室管理

回应ta天兴工作室管理 (管理员)

评论于 2015-02-27 23:42:08

腾讯流氓,已删除腾讯的代码
雨夜

回应ta雨夜 (游客)

评论于 2015-01-07 18:51:27

我也是这样干的。。直接复制默认模板里的。。
唐朝

回应ta唐朝 (游客)

评论于 2015-01-01 16:46:51

直接把默认模板里面的404.php复制粘贴到当前模板即可。
天兴工作室

回应ta天兴工作室 (游客)

评论于 2015-01-07 19:13:07

我喜欢自己的这个404风格,哈哈哈哈哈 自恋的笑

欢迎 发表评论

服务项目

快速入口

常见问题

天兴工作室 | www.txcstx.cn

天兴工作室介绍天兴工作室承接:网站建设、zblog模板和dedecms模板定制、仿站(像素级仿站)、html单页面定制和修改、网站模板修改等服务;我们的办事准则:要么不答应、答应则一定做到

  • 交流群:ZBLOG交流群
  • 客户群:天兴工作室客户群
在线QQ 评论文章