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

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

雨夜 7685次浏览 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中样式,我只是小打小闹,玩的,呵呵。就当做日记写下吧。呵呵。谢谢。


涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。

主题定制开发流程

ZBLOGPHP开发流程

联系我们