2018年网站404自符合粉饰页面模版瓜分

原创

2018年网站404自符合粉饰页面模版瓜分

2018年网站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页面模版演练地方(作废):http://www.520xx.cc/show/20180819

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

处置员树立恢复可载入

免责声明: 本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
转载请注明出处:
网赚 » 2018年网站404自符合粉饰页面模版瓜分

提供最优质的资源集合

赞助会员 了解详情