好看的网站404自适应美化页面

源码介绍

乐乐在网上发现了一个很有意思的404页面,这个页面是一个动漫小孩拿树叶捂住自己屁股,表现除害羞的样子十分可爱,美化效果很棒,让人一看就非常喜欢这个页面,于是乐乐就利用扒站工具把源码扒了下来,喜欢的站长可以改成自己网站的404页面,这个404页面的原创好像是115资源网的站长,最初看到是他在用后来用的人也就越来越多了。

好看的网站404自适应美化页面

这个404页面是一个静态的html页面,想用的话替换自己网站的404源码即可。emlog模板使用需要把代码写到模板的404.php文件里去,不然和模板不能适配。下面的css样式懂css的站长可以自行参考二次美化

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里面的代码如下,代码里面联系站长的链接记得改成自己的;

<div class="container">
<img class="bg" src="https://wwww.qq3m.cn/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源码下载地址:https://wwr.lanzoui.com/iuqDqswyyyh

乐乐网所有文章如无特别注明均为原创。作者:乐乐站长复制或转载请以超链接形式注明转自 乐乐网
原文地址《好看的网站404自适应美化页面

相关推荐

发表评论

路人甲路人甲 表情
Ctrl+Enter快速提交

表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包

网友评论(0)