当前位置:首页 » 建站经历 » 正文

zblog添加修改404页面方法

71 人参与  2020年01月25日 16:55  分类 : 建站经历  点这评论

阳光在自己的手赚网,搜索关键词的时候,点开之后,看到最顶上一行文字是连接到错误的页面,也就是系统自带的404页面。

sousuo.png

sousuo2.png

系统自带的404不太美观,也没有返回到主页的设置。

cuowu.png

阳光想了一下,看能不能找到一个方法,修改zblog的404页面。你还别说,还真找到了。网络上有相关的知识,当然也测试了好久,终于找到一个成熟的方法。

用flaspfxp依次打开,zb_users=theme=xxmy(模板主题)= template,创建一个404.php文件上传上去。

chuangjian.png

阳光使用的代码是,网上找的,可以自带跳转到首页

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

    <meta http-equiv="Cache-Control" content="no-transform">

    <meta http-equiv="Content-Language" content="zh-CN">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>对不起,页面未找到</title>

    <style type="text/css">

    body{font:12px/1.5 'Microsoft Yahei',Simsun;font-size:14px;line-height:1.42857143;color:#333;background:#f5f5f5}

    .wrapper-page{width:420px;margin:7.5% auto;text-align:center}

    .page-ex h1{font-size:98px;line-height:150px;font-weight:700;color:#252932;margin:10px 0;text-shadow:rgba(61,61,61,.3) 1px 1px,rgba(61,61,61,.2) 2px 2px,rgba(61,61,61,.3) 3px 3px}

    .page-ex h2{font-size:30px;color:#505458;line-height:35px;margin:10px 0}

    .page-ex p{font-size:14px;color:#505458;margin:0 0 10px}

    input[type=text]{float:left;width:71%;position:relative;font-size:14px;color:rgba(0,0,0,.6);margin-left:-1px;margin-bottom:0;padding:12px 17px;line-height:1.3333333;background-color:#fafafa;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);border:1px solid #eee;box-shadow:none;outline:0;z-index:2}

    input[type=submit]{width:20%;font-size:16px;font-weight:700;color:#fff;line-height:32px;padding:10px 16px;line-height:1.3333333;border-radius:6px;padding-right:15px;border:2px solid #BDBDBD;background:#BDBDBD;outline:0;cursor:pointer;background-color:#1e88e5;border:1px solid #1e88e5;border-radius:2px;letter-spacing:.2px;opacity:.93;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}

    .page-back{background-color:#7e57c2;color:#FFF;letter-spacing:.2px;opacity:.93;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;border:1px solid transparent;border-radius:4px;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}

    .page-back:hover,input[type=submit]:hover{opacity:1;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}

    @media only screen and (max-width:767px){.wrapper-page{width:90%}

    }

    @media only screen and (max-width:480px){.wrapper-page{width:90%}

    input[type=text]{width:61%}

    }

    </style>

</head>

<body>

<div class="wrapper-page">

    <div class="page-ex">

        <h1>404!</h1>

        <h2>对不起,页面未找到</h2><br>

        <p>找不到内容?尝试下我们的搜索吧!</p>

        <form name="search" method="post" action="http://www.ygszw.com/zb_system/cmd.php?act=search">

    <input type="text" name="q" size="11"> 

    <input type="submit" value="搜索">

</form>

        <br>

        <a class="page-back" href="http://www.ygszw.com/">立即返回首页</a>

<a class="page-back" href="http://www.ygszw.com/">将在5秒后自动返回首页</a>

<meta http-equiv="refresh" content="5; URL=http://www.ygszw.com/">

    </div>

</div>

</body></html>

效果展示是这样

xiaoguo.png

刚开始阳光把文件复制到404.php上传到网站,清空缓存并重新编译模板。打开后出现乱码

bianma.png

阳光想,这应该是UTF-8编码的问题。在百度找了编码器,把汉字转化成UTF-8代码,填写进去,重新上传,一切就正常了。

zhuanhuan.png

很多知识,网络上都有,只要我们细心地寻找总能找到。实在不行,可以去问一些高手朋友,不过阳光还是建议你自己解决,毕竟每个人的时间都宝贵。

来源:阳光手赚网,转载请保留出处和链接!

本文链接:http://www.ygszw.com/jzjl/271.html

<< 上一篇 下一篇 >>

我在快分网赚了2383元,你也来这里赚钱吧!
==>点这里下载广告很干净的转发平台快分网<==

  • 评论(0)
  • 赞助本站

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

相关文章

© 2019-2020 阳光手赚网 版权所有||sitemap