|
。◕‿◕。星级。◕‿◕。
。◕‿◕。信息。◕‿◕。
。◕‿◕。勋章。◕‿◕。
|
给sclub添加个完美的引导页
- 1、新模板名称为yindao,然后放入下边的代码
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
- <style type="text/css">
- html,body{overflow:hidden;margin:0;background:#000!important;}
- #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;}
- 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;}
- h2{color:#999!important;font-weight:normal!important;font-size:15px!important;letter-spacing:.12em!important;margin-bottom:30px!important;left:3px!important;}
- h1, h2{position:relative!important;}
- p{font-size:14px!important;line-height:2em!important;margin:0!important;letter-spacing:2px!important;}
- canvas{position:absolute!important;top:0!important;left:0!important;z-index:0;width:100%;height:100%;pointer-events:none;}
- a{color:#999!important;text-decoration:none!important;transition:color .2s ease!important;}
- a:hover{color:#f33!important;}
- </style>
- </head>
- <body>
- <script src="http://tlb.258club.com/templates/default/yindao_js.htm"></script>
- <div id="wrapper">
- <h1>佳品水族社区</h1>
- <h2>Design, Code & Things in Between </h2>
- <p><a href="http://jiapinshuizu.imotor.com/index.php" onclick="setcookie('yindao', 1, 86400);location.reload();">社区主页</a></p>
- <p><a href="http://jiapinshuizu.imotor.com/forumdisplay.php?fid=16" onclick="setcookie('yindao', 1, 86400);location.reload();">鱼/虾/螺百科大全</a></p>
- <p><a href="http://jiapinshuizu.imotor.com/forumdisplay.php?fid=13" onclick="setcookie('yindao', 1, 86400);location.reload();">养鱼知识大全</a></p>
- <p><a href="http://jiapinshuizu.imotor.com/forumdisplay.php?fid=12" onclick="setcookie('yindao', 1, 86400);location.reload();">观赏鱼疾病</a></p>
- </div>
- <canvas width="1366" height="640"></canvas>
- <script type="text/javascript">
- document.addEventListener('touchmove', function (e) {
- e.preventDefault()
- })
- var c = document.getElementsByTagName('canvas')[0],
- x = c.getContext('2d'),
- pr = window.devicePixelRatio || 1,
- w = window.innerWidth,
- h = window.innerHeight,
- f = 90,
- q,
- m = Math,
- r = 0,
- u = m.PI*2,
- v = m.cos,
- z = m.random
- c.width = w*pr
- c.height = h*pr
- x.scale(pr, pr)
- x.globalAlpha = 0.6
- function i(){
- x.clearRect(0,0,w,h)
- q=[{x:0,y:h*.7+f},{x:0,y:h*.7-f}]
- while(q[1].x<w+f) d(q[0], q[1])
- }
- function d(i,j){
- x.beginPath()
- x.moveTo(i.x, i.y)
- x.lineTo(j.x, j.y)
- var k = j.x + (z()*2-0.25)*f,
- n = y(j.y)
- x.lineTo(k, n)
- x.closePath()
- r-=u/-50
- x.fillStyle = '#'+(v(r)*127+128<<16 | v(r+u/3)*127+128<<8 | v(r+u/3*2)*127+128).toString(16)
- x.fill()
- q[0] = q[1]
- q[1] = {x:k,y:n}
- }
- function y(p){
- var t = p + (z()*2-1.1)*f
- return (t>h||t<0) ? y(p) : t
- }
- document.onclick = i
- document.ontouchstart = i
- i()
- </script>
- <script type="text/javascript">
- var snow = function() {
- if(1==1) {
- $("body").append('<canvas id="christmasCanvas" style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;"></canvas>');
- var b = document.getElementById("christmasCanvas"), a = b.getContext("2d"), d = window.innerWidth, c = window.innerHeight;
- b.width = d;
- b.height = c;
- for(var e = [], b = 0;b < 70;b++) {
- e.push({x:Math.random() * d, y:Math.random() * c, r:Math.random() * 4 + 1, d:Math.random() * 70})
- }
- var h = 0;
- window.intervral4Christmas = setInterval(function() {
- a.clearRect(0, 0, d, c);
- a.fillStyle = "rgba(255, 255, 255, 0.6)";
- a.shadowBlur = 5;
- a.shadowColor = "rgba(255, 255, 255, 0.9)";
- a.beginPath();
- for(var b = 0;b < 70;b++) {
- var f = e[b];
- a.moveTo(f.x, f.y);
- a.arc(f.x, f.y, f.r, 0, Math.PI * 2, !0)
- }
- a.fill();
- h += 0.01;
- for(b = 0;b < 70;b++) {
- 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) {
- 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}
- }
- }
- }, 70)
- }
- }
- snow();
- </script>
- </body>
- </html>
- 复制代码
- 2、然后编辑discuz模版,在{subtemplate header}上边加
- {eval $yindao = $_COOKIE["yindao"];}
- <!--{if $yindao == ""}-->
- {subtemplate yindao}
- <!--{/if}-->
- 复制代码
複製代碼 |
|