关于本站z-blog 404错误页面的制作完成并设置跳转成功-教程、积累-涂涂研版

今天把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,如图