B2主题404美化52pojie吾爱破解404错误页面圈小猫咪小游戏,附源文件[wordpress404美化]

B2主题404美化52pojie吾爱破解404错误页面圈小猫咪小游戏,附源文件
B2主题404美化52pojie吾爱破解404错误页面圈小猫咪小游戏,附源文件[wordpress404美化]
 效果图如上。仅PC等大屏显示圈小猫游戏。小屏幕仍是原404提示图片。
本教程基于柒比贰主题美化。操作如下
1.上传js到柒比贰主题目录下的js文件夹
2.上传404.php文件到主题根目录,覆盖原404文件,可备份原404文件。不满意随时替换回去。
演示地址:https://www.dungei.net/999999999.html 

以下代码,替换B2主题404文件。其他主题可根据实际情况修改

  1. <?php
  2. /**
  3. * The template for displaying 404 pages (not found)
  4. *
  5. * @link https://codex.wordpress.org/Creating_an_Error_404_Page
  6. *
  7. * @package ziranzhi2
  8. */
  9.  
  10. get_header(); ?>
  11.  
  12. <div id="primary" class="content-area w100">
  13. <main id="main" class="site-main">
  14.  
  15. <section class="error-404 not-found box pos-r" style="">
  16. <div class="page-content">
  17. <div class="lm t-c">
  18. <img class="mar10-b mar10-b-img" src="<?php echo B2_THEME_URI.'/Assets/fontend/images/404.png'; ?>">
  19. <!-- 圈小猫开始 -->
  20. <script src="<?php echo B2_THEME_URI.'/js/phaser.min.js'; ?>"></script>
  21. <script src="<?php echo B2_THEME_URI.'/js/catch-the-cat.js'; ?>"></script>
  22. <div id="catch-the-cat" class="catch-the-cat"></div>
  23. <script>
  24. /*追加样式,不改变原代码 START*/
  25. var css =''+
  26. '#catch-the-cat { width: 100%; margin-top: 32px; text-align: center; }'+
  27. ' @media (min-width: 1200px){ '+
  28. ' .not-found{min-height:600px;}'+
  29. ' .mar10-b-img{display:none;}'+
  30. ' .catch-the-cat{display:inline;}'+
  31. ' }'+
  32. ' @media (max-width: 1119px){ '+
  33. ' .not-found{min-height:600px;}'+
  34. ' .mar10-b-img{display:none;}'+
  35. ' .catch-the-cat{display:inline;}'+
  36. ' }'+
  37. ' @media (max-width: 1023px){'+
  38. ' .not-found{min-height:600px;}'+
  39. ' .mar10-b-img{display:none;}'+
  40. ' .catch-the-cat{display:inline;}'+
  41. ' }'+
  42. ' @media (max-width:991px){'+
  43. ' .not-found{min-height:500px;}'+
  44. ' .mar10-b-img{display:inline;}'+
  45. ' .catch-the-cat{display:none;}'+
  46. ' }'+
  47. ' @media (max-width:767px){'+
  48. ' .not-found{min-height:500px;}'+
  49. ' .mar10-b-img{display:inline;}'+
  50. ' .catch-the-cat{display:none;}'+
  51. ' }',
  52.  
  53. head = document.getElementsByTagName('head')[0],
  54. style = document.createElement('style');
  55. style.type = 'text/css';
  56. if(style.styleSheet){
  57. style.styleSheet.cssText = css;
  58. }else{
  59. style.appendChild(document.createTextNode(css));
  60. }
  61. head.appendChild(style);
  62. /*追加样式,不改变原代码 END*/
  63.  
  64. window.game = new CatchTheCatGame({
  65. w: 11,
  66. h: 11,
  67. r: 20,
  68. backgroundColor: 0xffffff,
  69. parent: 'catch-the-cat',
  70. statusBarAlign: 'center',
  71. credit: 'www.dungei.net'
  72. });
  73. </script>
  74. <!-- 圈小猫结束 -->
  75. <div class="mar10-b">
  76. <p class="mar10-b"></p>
  77. <h1 class="mar20-t mar10-b">未找到页面 - 404</h1>
  78. <p class="mar10-b">右面有个搜索框,你可以试试</p>
  79. <p class="mar10-b">或者随便点击上面的链接吧,总会有你需要的</p>
  80. </div>
  81. </div>
  82. </div><!-- .page-content -->
  83. </section><!-- .error-404 -->
  84.  
  85. </main><!-- #main -->
  86. </div><!-- #primary -->
  87.  
  88. <?php
  89. get_footer();

柒比贰美化文件下载

 圈小猫小游戏源文件下载

Wordpress

找主题RIPro整站美化文件,日主题升级版RIPRO全站N多细节UI升级美化全套主题源码[Wordpress主题]

2019-12-9 13:21:39

Wordpress

WordPress日主题RiProV4.8.0最新版免授权,无需SG11无限制版高级资源类模板免费下载[WordPress主题]

2019-12-12 15:04:12

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
5 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
  1. 盾给网

    演示地址:https://www.dungei.net/999999999.html

  2. zhangnull

    看看

  3. xufeihong

    谢谢了,看看了。。。。。。。。。。

  4. aadmin

    ,看看了。。。。。。

  5. wawa

    感谢分享,感谢分享

个人中心
购物车
优惠劵
今日签到
私信列表
搜索