2018年网站404自适应美化页面模版分享

发布日期: 作者:冬镜SEO

  • 正文内容
  • 相关推荐
原创

今天冬镜在网上浏览无意间发现了一个不错的404页面,就扒下来分享给各位长朋友(文章末尾提供下载)。

404美化页面

这个404页面自适应模版,而且是静态的html文件,也就是说可以通用于所有网站程序,如果想要搭配emlog fly模版,冬镜建议还是把样式写到FLY模版里面的404.php里面,这样在美观度上更好一些。

这个404页面所用的css样式如下,动手能力强的可以自行修改美化

*{ padding:0;margin:0;box-sizing:border-box;font-family:"微软雅黑";}
body,html{width:100%;height:100%;}
.container{max-width:90%;margin:0 auto;padding:80px 0px; }
img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.bg{display:block;max-width:100%;margin:0px auto;margin:40px auto;}
.btn{width:400px;margin:0 auto;max-width:100%;margin-top:40px;}
.btn a{float:left;text-decoration:none;width:46.5%;border:1px solid #5298ff;background:#5298ff;color:#FFF;display:block;height:46px; line-height:44px;text-align:center;font-size:16px;border-radius:3px;overflow:hidden;}
.btn .goindex{margin-right:7%;}
.btn .lx{border: 1px solid #d8d8d8;background:#ffffff;color:#8c8c8c;}
@media screen and (max-width: 500px){
.btn{ width:85%; }
.btn a{ width:100%; font-size:15px; height:42px; line-height:42px; }
.btn .goindex{ margin-right:0; margin-bottom:20px; }
body里面的代码如下,冬镜不建议小白去乱修改,但是代码里面咨询站长的链接里面的QQ还是要修改为自己的额:
<div class="container">
<img class="bg" src="http://uqseo.com/404/404.png"/>
<div class="btn">
<a href="/" class="goindex">返回首页</a>
<a href="http://wpa.qq.com/msgrd?v=3&uin=填写你的QQ号码&site=qq&menu=yes" target="_blank" class="lx">咨询站长</a>
<div style="clear:both;"></div>
</div>
</div>

网站404页面模版

网站404页面模版演示地址(失效):http://www.520xx.cc/show/20180819

网站404页面模版演示地址:http://uqseo.com/404.html

管理员设置回复可下载

特别声明

本文为 冬镜SEO 原创发布,仅代表作者观点,不代表冬镜博客网的观点或立场,冬镜博客网仅提供信息发布平台,合作供稿、侵权删除、反馈建议请联系520@520xx.cc

分享SEO优化技术及网站优化教程,一个权威的SEO博客.

标签:

标题:2018年网站404自适应美化页面模版分享

链接:https://uqseo.com/seojz/226.html

版权:若无特殊标注皆为 冬镜SEO 原创版权,转载请以链接形式注明作者及原始出处

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

157条评论
  1. avatar

    了显示 Lv.1 uBrowser 6.2.4094.1 uBrowser 6.2.4094.1 Windows 8.1 Windows 8.1 回复

    不错,下载了

    四川省广元市 联通

    1. avatar

      米粒 Lv.1 IBrowse r IBrowse r Android 7.0 Android 7.0 回复

      好的好的

      安徽省安庆市望江县 电信

      1. avatar

        荧火虫/aiq Lv.1 Firefox 64.0 Firefox 64.0 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        地址在哪里呢?

        河北省沧州市南皮县 电信

        1. 冬镜SEO Chrome 70.0.3538.102 Chrome 70.0.3538.102 Windows Windows 回复

          回复了荧火虫/aiq:亲,回复即可下载的!

          重庆市 电信

      2. avatar

        小二 Lv.1 Firefox 64.0 Firefox 64.0 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        地址在哪里呢?

        河北省沧州市南皮县 电信

        1. avatar

          mmm Lv.1 Internet Explorer 11.0 Internet Explorer 11.0 Windows 7 x64 Edition Windows 7 x64 Edition 回复

          ff是的

          河南省郑州市 移动

          冬镜seo客服