xiuno单栏主题轻拟物模板
2022-02-04
分类: xiuno
简介:插件名称:ztlog_theme_zt插件版本:1.0.0适用版本:4.0.4更新日期:2022.02.01预览地址:https://ztlog.com
主题页头像下方添加用户组信息
2021-07-24
分类: xiuno
简介:view/thread.htm 约175行找到在上面插入下面代码<div class="mt 1"><?php echo $grouplist[$thread['user']['gid']]['name'];?></div>
百度编辑器h1~h6标题美化
2021-07-22
分类: xiuno
简介:【教程】找到网站xiunobbs 站点中的/view/css/bootstrap bbs.css,然后在合适的位置(适合的位置...自己思考)插入如下代码:
.card body .message h6 { border left: 3px solid #6293d4; text indent: 8px; font weight: bold; padding: 2px 0px; margin: 8px 0px; }
.card body .message h5 { border left: 4px solid #84985a; text indent: 8px; font weight: bold; padding: 2px 0px; margin: 8px 0px; }
.card body .message h4 { border left: 5px solid #b55594; text indent: 8px; font weight: bold; padding: 2px 0px; margin: 8px 0px; }
.card body .message h3 { border left: 6px solid #a232de; text indent: 8px; font weight: bold; padding: 2px 0px; margin: 8px 0px; }
.card body .message h2 { border left: 7px solid #32de5d; text indent: 8px; font weight: bold; padding: 2px 0px; margin: 8px 0px; }
.card body .message h1 { border left: 8px solid #de3232; text indent: 8px; font weight: bold; padding: 2px 0px; margin: 8px 0px; }撰稿人: 22SS
[Xiuno] 楼主回帖打上楼主标识,前端修改
2021-07-22
分类: xiuno
简介:前端渲染运行,节约服务器资源在view\htm\thread.htm 最下面放上以下JS代码,刷新缓存即可。 //回帖中显示 楼主 var papa_user = $('.font weight bold'); for(var i=1,len=papa_user.length;i<len; i++){ if(papa_user[0].innerText===papa_user[i].innerText){ $("<span class='unread badge badge danger badge pill'>楼主</span>").insertAfter(papa_user[i].parentNode); }}撰稿人: Vincent
给页面添加点击页面出现富强、民主、文明这类文字动画效果
2021-07-21
分类: xiuno
简介:JS代码放到全局内容页尾(全局 : html > body ( footer_js_after ))<script> !function() { var coreSocialistValues = ["富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善"], index = Math.floor(Math.random() * coreSocialistValues.length); document.body.addEventListener('click', function(e) { if (e.target.tagName == 'A') { return; } var x = e.pageX, y = e.pageY, span = document.createElement('span'); span.textContent = coreSocialistValues[index]; index = (index + 1) % coreSocialistValues.length; span.style.cssText = ['z index: 9999999; position: absolute; font weight: bold; color: #1976d2; top: ', y 20, 'px; left: ', x, 'px;'].join(''); document.body.appendChild(span); animate(span); }); function animate(el) { var i = 0, top = parseInt(el.style.top), id = setInterval(frame, 16.7); function frame() { if (i > 180) { clearInterval(id); el.parentNode.removeChild(el); } else { i += 2; el.style.top = top i + 'px'; el.style.opacity = (180 i) / 180; } } } }() </script>
给页面添加下雪花的效果
2021-07-21
分类: xiuno
简介:代码可放到全局内容页尾(全局 : html > body ( footer_js_after ))或者某个页面<canvas id="Snow" style="position: fixed;top: 0;left: 0;width: 100%;height: 100%;z index: 99999;background: rgba(125,137,95,0.1);pointer events: none;"></canvas>
<script> if(true){ (function() { var requestAnimationFrame = window.requestAnimationFrame function(callback) { window.setTimeout(callback, 1000 / 60); }; window.requestAnimationFrame = requestAnimationFrame; })(); (function() { var flakes = [], canvas = document.getElementById("Snow"), ctx = canvas.getContext("2d"), flakeCount = 200, mX = 100, mY = 100; canvas.width = window.innerWidth; canvas.height = window.innerHeight; function snow() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (var i = 0; i < flakeCount; i++) { var flake = flakes[i], x = mX, y = mY, minDist = 150, x2 = flake.x, y2 = flake.y; var dist = Math.sqrt((x2 x) * (x2 x) + (y2 y) * (y2 y)), dx = x2 x, dy = y2 y; if (dist < minDist) { var force = minDist / (dist * dist), xcomp = (x x2) / dist, ycomp = (y y2) / dist, deltaV = force / 2; flake.velX = deltaV * xcomp; flake.velY = deltaV * ycomp; } else { flake.velX *= .98; if (flake.velY <= flake.speed) { flake.velY = flake.speed } flake.velX += Math.cos(flake.step += .05) * flake.stepSize; } ctx.fillStyle = "rgba(255,255,255," + flake.opacity + ")"; flake.y += flake.velY; flake.x += flake.velX; if (flake.y >= canvas.height || flake.y <= 0) { reset(flake); } if (flake.x >= canvas.width || flake.x <= 0) { reset(flake); } ctx.beginPath(); ctx.arc(flake.x, flake.y, flake.size, 0, Math.PI * 2); ctx.fill(); } requestAnimationFrame(snow); }; function reset(flake) { flake.x = Math.floor(Math.random() * canvas.width); flake.y = 0; flake.size = (Math.random() * 3) + 2; flake.speed = (Math.random() * 1) + 0.5; flake.velY = flake.speed; flake.velX = 0; flake.opacity = (Math.random() * 0.5) + 0.3; } function init() { for (var i = 0; i < flakeCount; i++) { var x = Math.floor(Math.random() * canvas.width), y = Math.floor(Math.random() * canvas.height), size = (Math.random() * 3) + 2, speed = (Math.random() * 1) + 0.5, opacity = (Math.random() * 0.5) + 0.3; flakes.push({ speed: speed, velY: speed, velX: 0, x: x, y: y, size: size, stepSize: (Math.random()) / 30 * 1, step: 0, angle: 180, opacity: opacity }); } snow(); }; document.addEventListener("mousemove", function(e) { mX = e.clientX, mY = e.clientY }); window.addEventListener("resize", function() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }); init(); })(); }
</script>
修改置顶的小图标
2021-07-13
分类: xiuno
简介:可能有人不太喜欢那个小旗帜图标,把置顶图标直接换成向上顶的箭头吧css代码,放到:全局 : html > head (css)<style>
[class^="icon top "]:before { content: "\f0aa";}
</style>如果里面已经有style标签,就不要重复放了,把下面的加进去就行了。[class^="icon top "]:before { content: "\f0aa";}
新年倒计时代码
2021-07-12
分类: xiuno
简介:<style type="text/css">
.deng box{position:fixed;top: 40px;right: 20px;z index:9999;pointer events:none}
.deng box1{position:fixed;top: 30px;right:10px;z index:9999;pointer events:none}
.deng box2{position:fixed;top: 40px;left: 20px;z index:9999;pointer events:none}
.deng box3{position:fixed;top: 30px;left:10px;z index:9999;pointer events:none}
.deng box1 .deng,.deng box3 .deng{position:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(216,0,15,.8);border radius:50% 50%; webkit transform origin:50% 100px; webkit animation:swing 5s infinite ease in out;box shadow: 5px 5px 30px 4px #fc903d}
.deng{position:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(216,0,15,.8);border radius:50% 50%; webkit transform origin:50% 100px; webkit animation:swing 3s infinite ease in out;box shadow: 5px 5px 50px 4px #fa6c00}
.deng a{width:100px;height:90px;background:#d8000f;background:rgba(216,0,15,.1);margin:12px 8px 8px 8px;border radius:50% 50%;border:2px solid #dc8f03}
.deng b{width:45px;height:90px;background:#d8000f;background:rgba(216,0,15,.1);margin: 4px 8px 8px 26px;border radius:50% 50%;border:2px solid #dc8f03}
.xian{position:absolute;top: 20px;left:60px;width:2px;height:20px;background:#dc8f03}
.shui a{position:relative;width:5px;height:20px;margin: 5px 0 0 59px; webkit animation:swing 4s infinite ease in out; webkit transform origin:50% 45px;background:orange;border radius:0 0 5px 5px}
.shui b{position:absolute;top:14px;left: 2px;width:10px;height:10px;background:#dc8f03;border radius:50%}
.shui c{position:absolute;top:18px;left: 2px;width:10px;height:35px;background:orange;border radius:0 0 0 5px}
.deng:before{position:absolute;top: 7px;left:29px;height:12px;width:60px;content:" ";display:block;z index:999;border radius:5px 5px 0 0;border:solid 1px #dc8f03;background:orange;background:linear gradient(to right,#dc8f03,orange,#dc8f03,orange,#dc8f03)}
.deng:after{position:absolute;bottom: 7px;left:10px;height:12px;width:60px;content:" ";display:block;margin left:20px;border radius:0 0 5px 5px;border:solid 1px #dc8f03;background:orange;background:linear gradient(to right,#dc8f03,orange,#dc8f03,orange,#dc8f03)}
.deng t{font family:华文行楷,Arial,Lucida Grande,Tahoma,sans serif;font size:3.2rem;color:#dc8f03;font weight:700;line height:85px;text align:center}
.night .deng box,.night .deng box1,.night .deng t{background:0 0!important}@ moz keyframes swing{0%{ moz transform:rotate( 10deg)}50%{ moz transform:rotate(10deg)}100%{ moz transform:rotate( 10deg)}}@ webkit keyframes swing{0%{ webkit transform:rotate( 10deg)}50%{ webkit transform:rotate(10deg)}100%{ webkit transform:rotate( 10deg)}}
</style> <article> <div class="gn_box wow zoomIn"> <h1> <center><font color=#E80017>2</font><font color=#D1002E>0</font><font color=#BA0045>2</font><font color=#A3005C>1</font><font color=#8C0073>年</font><font color=#75008A> </font><font color=#5E00A1>新</font><font color=#4700B8>年</font><font color=#3000CF>倒</font><font color=#1900E6>计</font><font color=#0200FD>时</font> </center> </h1> <center> <div id="CountMsg" class="HotDate" style="margin bottom: 10px;"> <font color="red"><span id="t_d">* 天</span></font> <font color="red"><span id="t_h">* 时</span></font> <font color="red"><span id="t_m">* 分</span></font> <font color="red"><span id="t_s">* 秒</span></font> </div> </center> <script type="text/javascript"> function getRTime() { var EndTime = new Date("2021/02/11 00:00:00"); var NowTime = new Date(); var t = EndTime.getTime() NowTime.getTime(); var d = Math.floor(t / 1000 / 60 / 60 / 24); var h = Math.floor(t / 1000 / 60 / 60 % 24); var m = Math.floor(t / 1000 / 60 % 60); var s = Math.floor(t / 1000 % 60); document.getElementById("t_d").innerHTML = d + " 天"; document.getElementById("t_h").innerHTML = h + " 时"; document.getElementById("t_m").innerHTML = m + " 分"; document.getElementById("t_s").innerHTML = s + " 秒"; } setInterval(getRTime, 1000); </script> </div> </article> <! 新年倒计时结束 >
XiunoBBS 实现不同版面不同的风格
2021-07-12
分类: xiuno
简介:只是需要用调用模板的方法<?php if($fid==1){ //版块1风格 调用模板代码 }elseif($fid==2){ //版块2风格 调用模板代码 }else{ //除了1和2 其他统一风格 调用模板代码 } ?>{alert type="success"} 模板代码调用 thread_list.inc.htm可以再写一个thread_list_1.inc.htm只要改变它的样式就可以了。 {/alert}