404错误单页随机小姐姐源代码

源码评论20,2204字数 2720阅读9分4秒阅读模式

网页又404了怎么办，怎么让访客开心，开心除了看小姐姐还有别的吗，这里发一个404随机小姐姐图片的单页源代码，使用：把下面代码丢进你网站的404.php或404.html文件即可。

404错误单页随机小姐姐源代码

源代码：

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3.   <head>
  4.     <meta charset="utf-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  6.     <title>404 - 该页面不存在</title>
  7.     <style>body{margin:0;padding:0;} a, button.submit { color:#6E7173; text-decoration:none; -webkit-transition:all .1s ease-in; -moz-transition:all .1s ease-in; -o-transition:all .1s ease-in; transition:all .1s ease-in; } a:hover, a:active { color:#6E7173; } .body-about{ background:#fff; } .site-name404 { margin: 0 auto; text-align: center; letter-spacing: 2px; font: normal 150px/1 “Helvetica Neue”, Helvetica, Arial; color:#444; } .site-name404 h1{ margin: 0 0 10px; font-size:50px; line-height:1.2; } .title404 span{ font-size: 15px; width: 2px; } .site-name404 i { font-style: normal; } .title404 p{ font-size: 20px; line-height:1.5; margin:0; color:#444; } .m404{ position: absolute; top: 30%; text-align: center; width: 100%; margin-top: -160px; } .body-about .info404{ margin-top: -180px; } #footer404{ margin-top:30px; font-size:10px; } .index404 { margin-top: 24px; display: inline-block; white-space: nowrap; cursor: pointer; background: #444; letter-spacing: 1px; font-size: 14px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-shadow: none; border: 1px solid #ccc; line-height: 36px; text-align: center; height: 36px; padding: 0 25px; border-radius: 16px; -webkit-transition-duration: 400ms; transition-duration: 400ms; background-color: #fff; color: #999; } .index404:hover{ color: #F77B83; border-color: #F77B83; outline-style: none; } .icon-about{ padding: 10px 0 25px; } .icon-about a{ font-size: 20px; margin: 5px; color: #fff; background-color: #000; border-radius: 100%; padding: 6px; }</style>
  8.     </head>
  9.   <body>
  10.       <div class="m404">
  11.         <header id="header404" class="clearfix">
  12.           <div class="site-name404">
  13.             <i>404</i>
  14.           </div>
  15.         </header>
  16.         <section>
  17.           <div class="title404">
  18.             <p>可 能 我 们 真 的 走 错 了 ！</p>
  19.             <br>
  20.             <div class="widget widget_ui_textads">
  21.               <a class="style01" href="https://cdn.seovx.com">
  22.                 <img src="https://cdn.seovx.com/?mom=302" width="30%" alt="小姐姐" style="border-radius:20px;"></a>
  23.             </div>
  24.             <div id="xiaowai">
  25.               <script>xiaowai()</script></div>
  26.           </div>
  27.           <a href="/" class="index404">点击返回</a>
  28.           <a href="javascript:location.reload();" class="index404">点击刷新</a>
  29.           <p>
  30.           </p>
  31.           <a href="https://www.seovx.com/">©夏沫博客</a>.版权所有</section></div>
  32.   </body>
  33. </html>

我的微信
微信扫一扫
weinxin
我的微信
我的微信公众号
微信扫一扫
weinxin
我的公众号
 
  • 本文由 夏沫 发表于 2021年3月16日21:59:19
  • 除非特殊声明，本站文章均为原创，转载请务必保留本文链接
  • 404
  • 小姐姐
  • html
里客云生成微信群活码管理系统开源版

加载中...

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定

拖动滑块以完成验证