免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: 给sclub添加个完美的引导页 [打印本頁]
作者: newbbs    時間: 2022-8-25 20:18     標題: 给sclub添加个完美的引导页

  1. 1、新模板名称为yindao，然后放入下边的代码
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

  8. <style type="text/css">
  9. html,body{overflow:hidden;margin:0;background:#000!important;}
  10. #wrapper{position:absolute;left:0;width:320px!important;text-align:center!important;top:50%!important;left:50%!important;margin-left:-160px!important;margin-top:-160px!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
  11. h1{font-family:'Montserrat', 'Helvetica Neue', Arial, sans-serif!important;font-weight:700!important;font-size:30px!important;letter-spacing:9px!important;text-transform:uppercase;color:#eee!important;margin:12px 0!important;left:4px!important;}
  12. h2{color:#999!important;font-weight:normal!important;font-size:15px!important;letter-spacing:.12em!important;margin-bottom:30px!important;left:3px!important;}
  13. h1, h2{position:relative!important;}
  14. p{font-size:14px!important;line-height:2em!important;margin:0!important;letter-spacing:2px!important;}
  15. canvas{position:absolute!important;top:0!important;left:0!important;z-index:0;width:100%;height:100%;pointer-events:none;}
  16. a{color:#999!important;text-decoration:none!important;transition:color .2s ease!important;}
  17. a:hover{color:#f33!important;}
  18. </style>
  19. </head>

  21. <body>
  22. <script src="http://tlb.258club.com/templates/default/yindao_js.htm"></script>

  24. <div id="wrapper">
  25.         <h1>佳品水族社区</h1>
  26.         <h2>Design, Code &amp; Things in Between&nbsp;</h2>
  27.         <p><a href="http://jiapinshuizu.imotor.com/index.php" onclick="setcookie('yindao', 1, 86400);location.reload();">社区主页</a></p>
  28.         <p><a href="http://jiapinshuizu.imotor.com/forumdisplay.php?fid=16" onclick="setcookie('yindao', 1, 86400);location.reload();">鱼/虾/螺百科大全</a></p>
  29.         <p><a href="http://jiapinshuizu.imotor.com/forumdisplay.php?fid=13" onclick="setcookie('yindao', 1, 86400);location.reload();">养鱼知识大全</a></p>
  30.         <p><a href="http://jiapinshuizu.imotor.com/forumdisplay.php?fid=12" onclick="setcookie('yindao', 1, 86400);location.reload();">观赏鱼疾病</a></p>
  31. </div>

  33. <canvas width="1366" height="640"></canvas>

  35. <script type="text/javascript">
  36. document.addEventListener('touchmove', function (e) {
  37.         e.preventDefault()
  38. })
  39. var c = document.getElementsByTagName('canvas')[0],
  40.         x = c.getContext('2d'),
  41.         pr = window.devicePixelRatio || 1,
  42.         w = window.innerWidth,
  43.         h = window.innerHeight,
  44.         f = 90,
  45.         q,
  46.         m = Math,
  47.         r = 0,
  48.         u = m.PI*2,
  49.         v = m.cos,
  50.         z = m.random
  51. c.width = w*pr
  52. c.height = h*pr
  53. x.scale(pr, pr)
  54. x.globalAlpha = 0.6
  55. function i(){
  56.         x.clearRect(0,0,w,h)
  57.         q=[{x:0,y:h*.7+f},{x:0,y:h*.7-f}]
  58.         while(q[1].x<w+f) d(q[0], q[1])
  59. }
  60. function d(i,j){   
  61.         x.beginPath()
  62.         x.moveTo(i.x, i.y)
  63.         x.lineTo(j.x, j.y)
  64.         var k = j.x + (z()*2-0.25)*f,
  65.                 n = y(j.y)
  66.         x.lineTo(k, n)
  67.         x.closePath()
  68.         r-=u/-50
  69.         x.fillStyle = '#'+(v(r)*127+128<<16 | v(r+u/3)*127+128<<8 | v(r+u/3*2)*127+128).toString(16)
  70.         x.fill()
  71.         q[0] = q[1]
  72.         q[1] = {x:k,y:n}
  73. }
  74. function y(p){
  75.         var t = p + (z()*2-1.1)*f
  76.         return (t>h||t<0) ? y(p) : t
  77. }
  78. document.onclick = i
  79. document.ontouchstart = i
  80. i()
  81. </script>

  83. <script type="text/javascript">
  84. var snow = function() {
  85. if(1==1) {
  86. $("body").append('<canvas id="christmasCanvas" style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;"></canvas>');
  87. var b = document.getElementById("christmasCanvas"), a = b.getContext("2d"), d = window.innerWidth, c = window.innerHeight;
  88. b.width = d;
  89. b.height = c;
  90. for(var e = [], b = 0;b < 70;b++) {
  91. e.push({x:Math.random() * d, y:Math.random() * c, r:Math.random() * 4 + 1, d:Math.random() * 70})
  92. }
  93. var h = 0;
  94. window.intervral4Christmas = setInterval(function() {
  95. a.clearRect(0, 0, d, c);
  96. a.fillStyle = "rgba(255, 255, 255, 0.6)";
  97. a.shadowBlur = 5;
  98. a.shadowColor = "rgba(255, 255, 255, 0.9)";
  99. a.beginPath();
  100. for(var b = 0;b < 70;b++) {
  101. var f = e[b];
  102. a.moveTo(f.x, f.y);
  103. a.arc(f.x, f.y, f.r, 0, Math.PI * 2, !0)
  104. }
  105. a.fill();
  106. h += 0.01;
  107. for(b = 0;b < 70;b++) {
  108. if(f = e[b], f.y += Math.cos(h + f.d) + 1 + f.r / 2, f.x += Math.sin(h) * 2, f.x > d + 5 || f.x < -5 || f.y > c) {
  109. e[b] = b % 3 > 0 ? {x:Math.random() * d, y:-10, r:f.r, d:f.d} : Math.sin(h) > 0 ? {x:-5, y:Math.random() * c, r:f.r, d:f.d} : {x:d + 5, y:Math.random() * c, r:f.r, d:f.d}
  110. }
  111. }
  112. }, 70)
  113. }
  114. }
  115. snow();
  116. </script>
  117. </body>
  118. </html>
  119. 复制代码
  120. 2、然后编辑discuz模版，在{subtemplate header}上边加
  121. {eval $yindao = $_COOKIE["yindao"];}
  122. <!--{if $yindao == ""}-->
  123. {subtemplate yindao}
  124. <!--{/if}-->
  125. 复制代码
複製代碼




歡迎光臨 NewBBs (http://newbbs.66rt.com/) Powered by Discuz! 7.2