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

时间:1年前 (2017-04-27) › 阅读:1177

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

——这是效果。

3条留言


发表评论:

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