网站首页 网站源码 网站代码 正文
演示图
说明
rgba(144, 238 ,144, 0.5)半透明的青苹果绿 #03a9f4 蓝色
rgba(255, 255, 255, 0)则表示完全透明的白色
rgba(0, 0, 0,1 )则表示完全不透明度的黑色
rgba(255,252,153,0.5)//暖黄色
rgba(119, 103, 137, .43) //淡紫色
代码:
<?php
/**
* 自定义404页面
*/
if(!defined('EMLOG_ROOT')) {exit('error!');}
?>
<script>
document.title = "404 抱歉页面不存在或被删除"
</script>
<script src="//cdn.bootcss.com/jquery/2.0.3/jquery.min.js"></script>
<script>
jQuery(document).ready(function ($){
var str = document.getElementsByTagName('div')[0].innerHTML.toString();
var i = 0;
document.getElementsByTagName('div')[0].innerHTML = "";
setTimeout(function() {
var se = setInterval(function() {
i++;
document.getElementsByTagName('div')[0].innerHTML = str.slice(0, i) + "|";
if (i == str.length) {
clearInterval(se);
document.getElementsByTagName('div')[0].innerHTML = str;
}
}, 10);
},0);
});
</script>
<style>
* {margin: 0; padding: 0; border: 0;font-size: 100%; font: inherit;vertical-align: baseline; box-sizing: border-box;color: inherit;}
body {background-image: linear-gradient(120deg, rgba(144, 238 ,144, 0.5) 0%, #03a9f4 100%);height: 100vh;}
h1 {font-size: 45vw;text-align: center;position: fixed; width: 100vw; z-index: 1; color: rgba(255, 255, 255, 0.14901960784313725);text-shadow: 0 0 50px rgba(0, 0, 0, 0.07);top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); font-family: "Montserrat", monospace;}
div { background: rgba(0, 0, 0, 0); width: 70vw;position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; padding: 30px 30px 10px;box-shadow: 0 0 150px -20px rgba(0, 0, 0, 0.5);z-index: 3;}
P { font-family: "Share Tech Mono", monospace;color: #000;margin: 0 0 20px; font-size: 17px;line-height: 1.2;}
span {color: #fff;}
i {color: #000;}
div a {text-decoration: none;color: #f44336;}
b {color: #81a2be;}
a.avatar { position: fixed;bottom: 15px; right: -100px; -webkit-animation: slide 0.5s 4.5s forwards; animation: slide 0.5s 4.5s forwards; display: block;z-index: 4}
a.avatar img{width:44px;border:2px solid #fff;border-radius:100%;}
@-webkit-keyframes slide{from{right:-100px;opacity:0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
to{right:15px;opacity:1;-webkit-transform:rotate(0);transform:rotate(0);}
}
@keyframes slide{from{right:-100px;opacity:0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
to{right:15px;opacity:1;-webkit-transform:rotate(0);transform:rotate(0);}
}
</style>
<h1>404</h1>
<div><p>><span>官网</span>: <i><?php echo BLOG_URL; ?></i></p>
<p>><span>格言</span>: <i>一花一世界,一叶一追寻,一曲一场叹,一生为一人</i></p>
<p>><span>信仰</span>: 任何足够先进的技术,初看都与魔法无异</b>...</p>
<p>><span>抱歉,没有你要找的文章...</span></p><p>> <span>[<a href="<?php echo BLOG_URL; ?>">返回首页</a>]</span></p>
</div>
</body>
</html>
请在这里放置你的在线分享代码- 上一篇: 安卓目前最红的装13图生成器v1.0
- 下一篇: 王者荣耀体验服8月5日10点开启资格申请
广告位 后台主题配置管理 |
猜你喜欢
- 2021-08-27 API随机获取图片,接口代码分享
- 2020-05-12 CSS 实现漂亮的大标题效果
- 2020-04-26 使用JS输出浏览器控制台内容以美化F12
- 2019-10-19 代刷网前台在线下单提示美化代码
- 2019-08-13 H5 Canvas 旋转小伞+时钟源码
- 2019-07-31 EMlog-漂亮的404页面代码
- 2019-07-25 简单通用QQ/微信跳转浏览器打开代码
- 2019-07-19 有趣的代码注释图案
你 发表评论:
欢迎- 04-04调整工资申请书_工资调整申请书
- 04-04价格价格表制作流程_【滔滔沙画】视频制作价格表(不包含企业)及制作流程
- 04-04诗朗诵祖国颂_诗朗诵《祖国颂》
- 04-04手指上斗和簸箕的含义_手指上的斗和簸箕代表什么
- 04-04成语中含有动物的名称_含有动物名称的成语
- 04-04黄庭经全文_黄庭经
- 04-04工程技术人员考核表_技术人员能力考核表
- 04-04窦娥冤一等奖课件ppt_窦娥冤-一等奖课件
- 1582℃小呆聚合支付系统v1.7
- 1273℃玄女经白话文 《玄女经》白话文
- 1119℃【iAPP教程】iAPP音量自动放大并播放音乐
- 1084℃求资源 求游戏 求教程专用贴
- 1051℃低价开超级会员黄钻入口
- 1027℃一款跑路源码,这个你肯定喜欢
- 1022℃小呆聚合支付系统搭建教程
- 856℃php 一句话木马深度解析
- 0℃未命名
-
- 此处不必修改,程序自动调用!
- 文章归档
-
- 2022年3月 (1378)
- 2021年10月 (1)
- 2021年8月 (28)
- 2021年7月 (1)
- 2021年6月 (18)
- 2020年12月 (1)
- 2020年10月 (1)
- 2020年5月 (64)
- 2020年4月 (92)
- 2020年3月 (48)
- 2020年2月 (7)
- 2020年1月 (6)
- 2019年11月 (6)
- 2019年10月 (10)
- 2019年9月 (30)
- 2019年8月 (19)
- 2019年7月 (15)
- 2019年6月 (60)
- 2019年5月 (79)
- 2019年4月 (14)
- 2019年3月 (52)
- 2018年9月 (1)
- 2018年8月 (2)
- 2018年6月 (1)
- 站点信息
-
- 文章总数:2512
- 页面总数:8
- 分类总数:45
- 标签总数:385
- 评论总数:699
- 浏览总数:1735417
- 标签列表
广告位 后台主题配置管理 |
已有26位网友发表了看法:
腾讯视频 评论于 [2019-07-31 08:13:44] 回复
来了
墨染娱乐网 评论于 [2019-07-31 10:54:59] 回复
拿走谢谢
腾讯视频 评论于 [2019-08-01 07:54:52] 回复
[F5] [F5] asd 啊实打实的十大
KIng SAfe TEam 评论于 [2019-08-01 08:38:01] 回复
大牛逼了大佬666
孤独先生 评论于 [2019-08-03 01:41:48] 回复
看看
A 王小五 评论于 [2019-08-08 16:35:31] 回复
支持
初衷 评论于 [2019-08-12 18:07:46] 回复
拿走了看看
腾讯视频123 评论于 [2019-08-23 00:33:19] 回复
哈哈哈
88888 评论于 [2019-08-23 00:37:17] 回复
哈哈哈哈哈哈
公子扶苏 评论于 [2019-08-27 06:39:57] 回复
就是看得见奥斯卡的健身卡
..帆.. 评论于 [2019-09-19 16:24:30] 回复
支持
争欲 评论于 [2019-09-21 21:41:44] 回复
可以
佩玲月韵 评论于 [2019-10-05 10:16:28] 回复
111111111111我
Timeserver 评论于 [2019-10-14 13:12:27] 回复
可以的
公子扶苏 评论于 [2019-10-17 06:34:27] 回复
dad asd 按时啊
a'ゞ小奇 评论于 [2019-10-22 21:05:10] 回复
我感觉这个还是挺好的
腾讯视频 评论于 [2019-10-25 00:20:22] 回复
369来了
安静、2 评论于 [2020-03-22 01:13:28] 回复
来了
zhouergou 评论于 [2020-04-06 09:31:12] 回复
厉害厉害
新野星一 评论于 [2020-12-25 20:25:08] 回复
看看000000
听雨 评论于 [2021-08-26 19:29:43] 回复
可以的
听雨 评论于 [2021-08-26 19:32:23] 回复
源码没了
小木 评论于 [2021-08-28 20:08:40] 回复
@听雨:补了
听雨 评论于 [2021-08-28 09:20:44] 回复
重新分享一下
小木 评论于 [2021-08-28 10:39:19] 回复
@听雨:好的,等我晚上重新补
小木 评论于 [2021-08-28 20:08:23] 回复
@听雨:已经补上了
小木 评论于 [2021-08-28 10:39:19] 回复
@听雨:好的,等我晚上重新补
小木 评论于 [2021-08-28 20:08:23] 回复
@听雨:已经补上了
小木 评论于 [2021-08-28 20:08:40] 回复
@听雨:补了