欢迎访问,本站接受互联网网站仿站、功能定制、定制插件、主题,如果需要的话可以联系我 QQ:2283276927

关于本站z-blog 404错误页面的制作完成并设置跳转成功

雨夜 6539次浏览 5个评论

今天把404的页面给做好了,效果如下图:

具体做法是:

 

1.首先新建一个404模板,直接复制本站主题的留言板模板,重命名为404.html。

2.更改里面的代码,把内容部分(内容+评论)删除只留下标题,换上一个内容的div框架,里面的内容是一张404可爱图片,具体为:

<div style="width:984px; margin-left:230px;">
<h2 class="ymbt" >&nbsp;&nbsp;&nbsp;&nbsp;<#article/title#></h2>
<div align="center">
<a href="https://www.tusay.net/">
<img src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/STYLE/images/404.png"  
 width="409" height="177" alt="“真的很抱歉,我们搞丢了页面……”要不去网站首页看看?"
 border="0"></a>  </div>
  </div>

3.把中间部分为了居中,把之前的css样式内容部分的全部删除了,直接在html文件中写css样式:width:984px; margin-left:230px;

4.把图片复制到上述代码中的位置中。

5.其中为了减小文件大小,把侧栏全部去掉,把多余的javascript全部删除。

6.我直接把foot模板里的代码全部复制到404模板里,把里面的javascript代码直接删除。

7.完成后,保存文件。

8.把该404.html模板上传到该主题的template文件里去。上传完成后,登录到网站后台,新建文章,标题可以随意:我的是:抱歉!你访问的页面没有找到,其他随便,反正这个文章要删除。右键的文章模板一定要选择404,如图

9.提交完成后,打开你刚才新建的文章,查看结果,之后把生成的该静态网页复制网站根目录下。命名为404.html或者其他。(根据自己的要求来)

10.把刚才新建的文章删除。重建下,然后YTBuild所有的项目。退出后台。

11.到主机页面修改404相关项目,以美橙为例:如图:填的404.html一定和刚才重命名的一样。

 

12. 输入完成后点击修改。一会就显示成功了,之后就可以你新建的和你z-blog博客相融合的404界面了。

13.当然了。404有n中样式,我只是小打小闹,玩的,呵呵。就当做日记写下吧。呵呵。谢谢。


涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。
发表我的评论换个身份
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5) 个小伙伴在吐槽
  1. 你的这篇文章看的我云里雾里,不知所谓。就是没看懂。然后测试了一下你的404错误页面,发现还是老样子,根本就没有变化,如果有新的方法告诉我啊
    美人工坊 2014-08-28 PM 12:42 回复
    • 你好,这篇文字发布的时候好久了,那时候我的网站还是zblog asp的时候,现在都用上php了,所以不一样的,抱歉,呵呵。
      雨夜 2014-08-28 PM 12:55 回复
  2. 这个网站很有特色呀,以后持续的关注中,我的网站404不是自已设的,模板中就有。
    网上做什么可 2014-08-24 PM 09:23 回复
  3. 呵呵,过年反正闲着没事,打牌也是消耗时间,我没那爱好,就玩玩这个了,呵呵
    雨夜 2014-02-07 PM 05:15 回复
  4. 亏你过年都在坚持更新blog,好样的。。向你致敬。。
    Frank 2014-02-07 AM 05:02 回复
    • 呵呵,过年反正闲着没事,打牌也是消耗时间,我没那爱好,就玩玩这个了,呵呵
      雨夜 2014-02-07 PM 05:15 回复

主题定制开发流程

ZBLOGPHP开发流程

联系我们