• Z-Blog PHP主题模板制作十四:错误页面404.php

    1年前 (2017/04/27) 孤狼 技巧 996 浏览 3 条评论

    404这个大家都知道是什么意思,Z-Blog PHP系统自带也有404错误提示页面。我们自己也可以自己制作一个想要的404错误页面,当主题template下有404.php文件时,Z-Blog PHP系统优先调用。下面是孤狼制作的404页面,详细如下。


    新建一个404.php文件。

    Z-Blog PHP主题模板制作十四:错误页面404.php

    ——这是孤狼制作的404.php错误页面,具体代码如下。

    <!DOCTYPE HTML>
    <html>
    <head>
        <meta charset="UTF-8"/>
    <title>404</title>
        <style type="text/css">
    body{
    font-family: "Microsoft YaHei";
    font-size: 1.4em;
    background: #010080;
    margin: 0px;
    padding: 0px;
    word-wrap: break-word;
    color: #B9BBFC;
    }
    h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;display:block;}
    li,ul,ol{
    list-style-type: disc;color: #B9BBFC;
    }
    a{color:#fff;font-size:1.5em;}
    a:hover{text-shadow:0 0 1px #000;}
    .wrap{
    height: 100%;
    width: 1280px;
    margin: 0px auto;
    }
    .wrap h1{
    font-size: 4.0em;
    font-weight: bold;
    color: #010080;
    display: inline-block;
    width: 45%;
    margin-top: 15%;
    background-color: #FFF;
    text-align: center;
    margin-left: 27%;
    }
    .wrap ul {
    width: 100%;
    margin-top: 100px;
    margin-left: 25%;
    text-decoration: none;
    }
    .wrap ul li{
    width: 180px;
    float: left;
    margin-left: 30px;
    }
        </style>
    </head>
    <body>
    <div>
        <h1>ERROR&nbsp; 404</h1>
        <p>欢迎来到“孤狼备忘录”,我们的网址是:www.glbwl.com ,有空常来。</p>
        <p>这是一个错误 404 页面,当你看到这个错误 404 页面时,说明你当前打开的网址出错了,请打开孤狼备忘录首页,然后点击 搜索 重新查找。 </p>
        <ul><li><a href="http://www.glbwl.com">首页</a></li> 
          <li><a href="https://www.glbwl.com/about/">关于孤狼</a></li> <li><a href="https://www.glbwl.com/jzgl/">捐助</a></li></ul>
        
    </div>
    </body>
    </html>


    Z-Blog PHP主题模板制作十四:错误页面404.php

    ——这是效果。

    版权属于:孤狼备忘录     本文作者:孤狼

    原文地址: https://www.glbwl.com/z-blog-php-theme-404.html

    版权声明:转载时必须以链接形式注明原始出处及本声明。

    « 上一篇:Z-Blog PHP主题模板制作十三:自定义搜索页面search.php » 下一篇:Z-Blog PHP主题模板制作十五:响应式调整/手机平板自适应模式

    推荐阅读

  • 折腾Z-BlogPHP主题模板zbgl/GitHub下载(添加侧栏功能修改手机显示样式)
  • Z-Blog PHP主题模板制作十六:导出主题为.zba文件
  • Z-Blog PHP主题模板制作十五:响应式调整/手机平板自适应模式
  • Z-Blog PHP主题模板制作十三:自定义搜索页面search.php
  • Z-Blog PHP主题模板制作十二:尾部文件footer.php
  • 已有3条留言


    发表评论:

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。