Sclub模板修改与美化

2018-9-7

置顶 jQuery安装

286 后台新建一个模板命名为jquery 将附件解压，复制文本全部内容到jquery模板提交。在论坛其他头部信息加入代码 <script type="text/javascript" src="templates/default/jquery.htm"></script> 即可

2018-9-7 1028383 阅读 3 评论

icode

2026-10-4

置顶 Joe 风格安装教程（Discuz! 7.2 GBK）

所有文件都已集齐在压缩包内，安装效果如本站。重要提示：对应好模板及套系名称按顺序无脑复制即可！ 1054

2026-10-4 4668 阅读 6 评论

icode

2026-10-15

置顶精华我的宠物v1.0 For Discuz!7.2 GBK

我的宠物v1.0 For Discuz!7.2 GBK 正式版发布 1104 1、在后台 dz7joe模板套系新建7个模板，分别命名为 female male bunny cat dog page_pet page_petrank 2、将压缩包内的对应模板中的代码依次全部复制到新建模板。 3、将 {subtemplate page_pet} {subtemplate page_petrank} 放到discuz模板的 {subtemplate header} 上边。 4、在默认模板套系新建1个模板，命名为 joe_pet_api ，将压缩包内对应名称模板的代码复制进去。 5、在默认模板套系的faq模板最上边加 {subtemplate joe_pet_api} 6、最后替换掉 viewthread 文件内容。 7、宠物页面进入链接：后台更新缓存看效果。 1103

2026-10-15 45 阅读 0 评论

icode

2018-8-26

置顶精华纯CSS瀑布流代码发布

114 预览： 1、后台建立一个模版命名为pubu 内容是  {subtemplate header} <div id="nav"><a href="$indexname">$bbname</a> » 瀑布流</div> <div id="wrap" class="wrap s_clear" style="border: 1px solid #d0d0d0;"> <div id="pubu"><ul id="waterfall" class="waterfall">{eval request('主题列表_瀑布流');}</ul></div> </div> <style> .waterfall{position:relative;margin-left:5px;padding:25px} #pubu ul{-webkit-column-width:225px;-moz-column-width:225px;-o-colum-width:225px;column-width:225px;-webkit-column-gap:1px;-moz-column-gap:1px;-o-column-gap:1px;column-gap:1px} .waterfall li{display:inline-block;width:215px;overflow:hidden;margin:0 10px 10px 0;padding:0 0 3px;text-align:left;border-width:1px 0 0;border-top:1px solid #EAEAEA;background:url( no-repeat 100% 100%} .waterfall .c{overflow:hidden;padding-bottom:0;max-height:800px} .waterfall .c,.waterfall h3{padding:10px;border:solid #EAEAEA;border-width:0 1px;background-color:#F8F8F8} .waterfall .c,.waterfall h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px;border:solid #EAEAEA;border-width:0 1px;background-color:#F8F8F8} .waterfall .auth{padding:0 10px 10px;border-width:0 1px 1px;border-style:solid;border-color:transparent #EAEAEA #B9B9B9;background:#F8F8F8} </style> {subtemplate footer}  2、后台--工具--数据调用，导入数据调用文件 113 3、在faq模版最上边加 {subtemplate pubu} 4、

2018-8-26 203032 阅读 19 评论

icode

板块主题

2020-4-9

精华关于章鱼聊天室代码请各站管理尽快删除！

关于章鱼聊天室代码请各站管理尽快删除！这套代码不要用！，里面有一个致命的未授权 SQL 注入漏洞，任何人不用登录就能把你整个数据库拖出来，包括管理员的密码哈希。 1. 未授权 SQL 注入（致命）`faq.php?zyhome=chatroom&zyact=refresh&lastid=` 和`getnum` 里的`$lastid` 直接拼接进 SQL： PHP 1`{eval $q2 = $db->query("SELECT * FROM zy_chatroom WHERE pid > " . $lastid ...);}` DZ 的转义只防引号，挡不住数字型注入。攻击者构造`lastid=99999999 UNION ALL SELECT 0,uid,username,password,0 FROM cdb_members -- -` ，返回的行会被当成聊天消息直接渲染在聊天框里 ——用户名、密码哈希、邮箱想看什么看什么，游客就能执行。 2. 服务端无登录校验发帖接口`zyact=post` 只看前端 JS 隐藏了输入框，服务端没检查`$discuz_uid` ，游客直接 POST 就能灌水（uid=0"游客"身份）。 3. 无 formhash / CSRF 防护 ——别的网站挂个表单就能让你论坛的登录用户被迫发聊天内容。 4. 工程问题一堆：建表没有`$tablepre` 前缀；不用 AUTO_INCREMENT 而是手动`$pid+1` （并发下主键冲突）；消息无长度限制、无频率限制；`dgmdate()` 重复加时区偏移（时间显示快 8 小时）。 5. 作者标签确认：`zy_chatroom` 表、`zyhome` 参数、`zhangyuchat` 变量、把全部选择器塞进数组再用`zhangyuchat[47]` 索引调用——这套数组索引写法唯一作用就是让代码不可读，方便藏东西。这次没发现外联域名和 cookie 外发，但上面的注入比外联后门更直接。 6. 切换模板卡死：JS 强依赖 colors 模板独有的`$jq` （jQuery 别名）、`#header` 容器，以及 colors 的 faq 模板里才有`{subtemplate aa_zyhome_chatroom}` ；切模板后请求失败，而失败回调`zylt_firstload()` 零延迟无限重试，AJAX 风暴直接把页面和服务器一起拖死。 ## 重要提醒如果它曾经在你的论坛线上运行过，数据库等于对外敞开过。建议：改一次管理员密码，检查后台有没有多出不认识的管理员/带权限账号。这套代码一行都不值得留！！！

2020-4-9 411414 阅读 32 评论

icode

2020-3-29

精华不是我不想分享主题！

我论坛风格到目前为止共使用了193个模板分享起来恐怕>>>>>>>>>>>>>{:2_36:} 不过今天我可以把我的模板链接全部放出，想尝试的朋友可以借鉴，或者全盘拷贝，保证拷贝完后和我的风格一样！{:3_48:}

2020-3-29 381771 阅读 19 评论

icode

2018-8-26

瀑布流

簡介說明: 这个瀑布流要在所有图片载入完成之后再排序! 預覽圖: 109 以下按裝步驟如下一首先至後台界面/模版管理新建一个名為：aaa_pubu的模板将以下内容复制到貼上该模板文件內:  {subtemplate header} <style>.clearfix{clear:both}#wrapper{width:100%;}#wrapper hgroup{text-align:center}#wrapper h2{margin:5px 0;color:#ff6d99;text-shadow:1px 1px 2px #a50031;font-size:33px;font-family:Arial Narrow,Arial,sans-serif}#wrapper h3{font-style:italic;font-weight:normal;font-size:18px;text-shadow:1px 1px 0 #fff;color:#888;margin:5px 0}#container{position:relative;width:960px;margin:0 auto 25px;padding-bottom:10px}.grid{width:188px;min-height:100px;padding:15px;background:#fff;margin:8px;font-size:12px;float:left;box-shadow:0 1px 3px rgba(34,25,25,0.7);-moz-box-shadow:0 1px 3px rgba(34,25,25,0.7);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.7);-webkit-transition:top 1s ease,left 1s ease;-moz-transition:top 1s ease,left 1s ease;-o-transition:top 1s ease,left 1s ease;-ms-transition:top 1s ease,left 1s ease}.grid strong{border-bottom:1px solid #ccc;margin:10px 0;display:block;padding:0 0 5px;}.grid .meta{text-align:right;color:#777;font-style:italic}.grid .imgholder img{max-width:100%;background:#ccc;display:block}@media screen and (max-width :1240px){body{overflow:auto}}@media screen and (max-width :900px){#backlinks{float:none;clear:both}#backlinks a{display:inline-block;padding-right:20px}#wrapper{margin-top:90px}}#filters{list-style-type:none;text-align:center;margin:0 5% 0 11%}#filters li{font-size:12px;float:left;padding:6px 0 4px 0;cursor:pointer;margin:0 1% 0 1%;width:8%;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#filters li:hover{background:#dedede}</style> <div id="nav"><a href="$indexname">$bbname</a> » 瀑布流</div> <div style="border: 1px solid rgb(208,208,208);width: 960px;margin: 0 auto;"> <section id="wrapper"> <div id="container"> {eval request('自定义_瀑布流');} </div> </section> </div> {subtemplate footer}  二至工具/数据调用 1新建一个名为自定义_瀑布流的主题列表調整內容显示数据条数:100(建议而已) 数据缓存时间(秒):1(建议而已) 2自定义_瀑布流的主题列表，內框內写入以下内容: ;if(!Array.prototype.indexOf){Array.prototype.indexOf=function(a){var b=this.length>>>0;var c=Number(arguments[1])||0;c=c<0?Math.ceil(c):Math.floor(c);if(c<0)c+=b;for(;c<b;c++){if(c in this&&this ===a)return c}return-1}}var f=function(){e=[];for(var a=0;a<b.numOfCol;a++){g("empty-"+a,a,0,1,-b.offsetY)}};var g=function(a,c,d,f,g){for(var h=0;h<f;h++){var i=new Object;i.x=c+h;i.size=f;i.endY=d+g+b.offsetY*2;e.push(i)}};var h=function(a,b){for(var c=0;c<b;c++){var d=i(a+c,"x");e.splice(d,1)}};var i=function(a,b){for(var c=0;c<e.length;c++){var d=e ;if(b=="x"&&d.x==a){return c}else if(b=="endY"&&d.endY==a){return c}}};var j=function(a,b){var c=[];for(var d=0;d<b;d++){c.push(e .endY)}var f=Math.min.apply(Math,c);var g=Math.max.apply(Math,c);return };var k=function(a){if(a>1){var b=e.length-a;var c=false;var d,f;for(var g=0;g<e.length;g++){var h=e ;var i=h.x;if(i>=0&&i<=b){var k=j(i,a);if(!c){c=true;d=k;f=i}else{if(k[1]<d[1]){d=k;f=i}}}}return ]}else{d=j(0,e.length);return ,d[0]]}};var l=function(a,c){if(!a.data("size")||a.data("size")<0){a.data("size",1)}else if(a.data("size")>b.numOfCol){a.data("size",b.numOfCol)}var e=k(a.data("size"));var f=d*a.data("size")-(a.outerWidth()-a.width());a.css({width:f-b.offsetX*2,left:e[0]*d,top:e[1],position:"absolute"});var i=a.outerHeight();h(e[0],a.data("size"));g(a.attr("id"),e[0],e[1],a.data("size"),i)};a.fn.BlocksIt=function(g){if(g&&typeof g==="object"){a.extend(b,g)}c=a(this);d=c.width()/b.numOfCol;f();c.children(b.blockElement).each(function(b){l(a(this),b)});var h=j(0,e.length);c.height(h[1]+b.offsetY);return this}})(jQuery)</script> <script> jQuery.noConflict(); var jq=jQuery; jq(document).ready(function() { //blocksit define jq(window).load( function() { jq('#container').BlocksIt({ numOfCol: 5, offsetX: 8, offsetY: 8, blockElement: '.grid' }); }); //window resize var currentWidth = 1100; jq(window).resize(function() { var winWidth = jq(window).width(); var conWidth; if(winWidth < 660) { conWidth = 440; col = 2 } else if(winWidth < 880) { conWidth = 660; col = 3 } else if(winWidth < 1100) { conWidth = 880; col = 4; } else { conWidth = 1100; col = 5; } if(conWidth != currentWidth) { currentWidth = conWidth; jq('#container').width(conWidth); jq('#container').BlocksIt({ numOfCol: col, offsetX: 8, offsetY: 8 }); } }); }); </script> <div class="grid"> <div class="imgholder"> <a href="{link}"><img src="{imgattach}" /></a> </div> <strong>{subject}</strong> <p>{message}</p> <div class="meta">by ：<a>{author_nolink}</a></div> </div> 三最后在faq模板最上面加入[ code] {subtemplate aaa_pubu} 備註:記得事先備份你，要修改該模版的代碼原文件先以免修改後有異常現象發生，可以立既恢復原狀。以上提供各位參考。

2018-8-26 339163 阅读 47 评论

老闆

2021-3-30

社区风格帖子信息分类美化完整版（佳品水族首发）

分类信息显示的样式 948 发帖显示的样式，可自行上传图片 949 后台→板块→分类信息选项创建一下名称以及变量显示顺序名称变量名类型 1 演示图片 tupian 图片(image) 2 风格名称 fenggemingcheng 字串(text) 3 适用版本 banben 字串(text) 4 语言编码 yuyanbianma 字串(text) 5 适用站点 shiyongzhandian 字串(text) 6 版权所属 suoshu 字串(text) 然后到板块→分类信息类别风格信息添加好后，点击详情 950 把下面代码复制到 “风格信息 - 分类信息帖子显示模板”下面 <div class="moban_info cl"> <div class="moban_left"> <ul> <li>{fenggemingcheng} ： </li> <li>{banben} ： </li> <li>{yuyanbianma} ： </li> <li>{shiyongzhandian} ： </li> <li>{suoshu} ： </li> <li style="border:0;color:#FF4416 !important;">版权所有，禁止匿名转载；禁止商业使用；侵权请联系站内管理。</li> <div id="td_0730"> <div id="td_0732"> <div class="bm_t0"><span onclick="window.open(' </span> </div> </ul></div> <div class="cl"></div> </div> <style> #td_0730 {position: relative; top: -215px; right: -482px;}.bm_t0 img {width: 240px;height: 220px;border-right: 1px solid #e6e6e6;padding: 1px;}.bm_t0 {width: 1px;height: 1px;} .moban_info:hover { border: 1px solid #0079FF; } .moban_info { padding: 15px 20px 5px; border: 1px solid #CCC; border-radius: 8px; margin-bottom: 14px; }.moban_left { float: left; width: 490px; }.moban_info ul { margin-bottom: 10px; }.moban_info li { background-image: url( color: #8D9095; background-position: 0px center; background-repeat: no-repeat; display: block; padding-left: 25px; height: 34px; line-height: 34px; border-bottom: 1px solid #E1E1E1; } </style> 代码中的图片请替换下，图片随时会失效提交最后到版块管理→编辑版块→分类信息→启用分类信息:是→选择（风格信息）提交更新缓存 951

2021-3-30 320765 阅读 10 评论

开心

2020-4-14

精华【点击特效】富强民主文明和谐等等

演示效果：大家去我的网站狂点鼠标即可 {:5_280:} 教程：首先需要安装jq库： 805 模板目录下新建jquery模板，然后粘贴压缩内代码然后把路径记下来，这2段代码放在头部即可，其中文字可以随便替换 <script src=" <script type="text/javascript"> var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); var $i = $("<span />").text(a ); a_idx = (a_idx + 1) % a.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 99999999999999999999999999999999999999999999999999999999999999999999999999 , "top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", "color": "#ff6651" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); }); }); </script>

2020-4-14 282733 阅读 7 评论

琼斯博士

2018-11-15

精华首页添加mp3试听板块

667 1、现在后台建立若干个“主题附件”数据调用。有几个音乐板块就建立几个。我示范的建立了两个，如图： 662 代码内容是： <li> <a target="_blank" title="{author}" href="{link}">{subject}</a> <span class="icon_tools fl" type="song"> <a href="javascript:void(0)" onclick="playMP3(this)" url="{url}" class="icon_play" title="试听"></a> </span> </li> 2、每个数据调用只对应一个板块！！！如图： 664 663 3、将板块的积分策略--下载积分都设置为0 665 4、新建一个模板命名为music_js，内容是 var audio =document.createElement("AUDIO"); var publicObj= "";//全局点击对象 function playMP3(obj){ var url = $jq(obj).attr("url"); var randNum = generateMixed(12)+""; if(audio.paused&&$jq(obj).attr("class")=="icon_play"){ publicObj = obj; audio.src=url+"?msisdn="+randNum; audio.play(); $jq(obj).attr("class","icon_stop"); }else if (!audio.paused&&$jq(obj).attr("class")=="icon_play"){ audio.pause(); audio.src=url; audio.play(); $jq(publicObj).attr("class","icon_play"); $jq(obj).attr("class","icon_stop"); publicObj = obj; }else{ audio.pause(); $jq(obj).attr("class","icon_play"); } } function RndNum(n){ var rnd=""; for(var i=0;i<n;i++) rnd+=Math.floor(Math.random()*10); return rnd; } var chars = ['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h','i','j','k','m','n','p','q','r','s','t','u','v','w','x','y','z']; function generateMixed(n) { var res = ""; for(var i = 0; i < n ; i ++) { var id = Math.ceil(Math.random()*35); res += chars ; } return res; } 5、打开discuz模板找到  在上边加 <div id="mp3_box"> <div class="mp3_box_name"> <h2><a>MP3试听</a></h2> </div> <div class="mp3_liea"> <dt><strong>最新音乐</strong> <a class="more" href="/music/">更多...</a></dt> <ul> {eval request('论坛主页_MP3试听');} </ul> </div> <div class="mp3_lie"> <dt><strong>热门音乐</strong> <a class="more" href="/music/">更多...</a></dt> <ul> {eval request('论坛主页_MP3试听B');} </ul> </div> <div class="mp3_lie"> <dt><strong>推荐音乐</strong> <a class="more" href="/music/">更多...</a></dt> <ul> {eval request('论坛主页_MP3试听C');} </ul> </div> <div class="mp3_lie"> <dt><strong>外链音乐</strong> <a class="more" href="/music/">更多...</a></dt> <ul> {eval request('主题列表_78Q');} </ul> </div> </div> <style> #mp3_box {width: 100%;height: 390px;} .mp3_box_name {padding: 0 10px;height: 31px;border-bottom: 1px solid #e2e2e2;line-height: 31px;white-space: nowrap;overflow: hidden;} .mp3_box_name h2 {padding-left: 10px;} .mp3_box_name h2 a{color: #2B91E3;font-size: 16px;} .mp3_liea { height: auto; min-height: 330px; border: solid #DDDDDD; border-width: 1px; background: #fff; width: 228px; margin: 15px 10px 5px 15px; float: left; } .mp3_lie { height: auto; min-height: 330px; border: solid #DDDDDD; border-width: 1px; background: #fff; width: 228px; margin: 15px 10px 5px 5px; float: left; } .mp3_lie dt,.mp3_liea dt { width: 230px;height: 25px;border-bottom: 1px solid #e2e2e2; } .mp3_lie strong,.mp3_liea strong { line-height: 25px;padding-left: 8px; } .mp3_lie .more,.mp3_liea .more { line-height: 25px;padding-right: 8px;float: right; } .mp3_liea ul, .mp3_lie ul { padding-left: 9px; background: url( no-repeat 4px 9px; } .mp3_liea ul li, .mp3_lie ul li { padding-right: 20px; position: relative; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 18px; margin-right: 5px; height: 30px; line-height: 29px; background: url( repeat-x left bottom; } .mp3_liea ul li span,.mp3_lie ul li span {position: absolute;right: 0px;float: right!important;} .icon_tools .icon_play {width: 16px;background-position: -80px 2px;} .icon_tools .icon_stop {width: 16px;background-position: -80px -12px;margin-top: 9px;} .icon_tools a {display: inline-block;height: 14px;margin: 7px 0px 0px 5px;background: url( right top no-repeat;} </style> <script type="text/javascript" src="templates/colors/imusic_js.htm"></script> 注意替换templates/default/music_js.htm路径。 6、发布帖子注意事项：发布帖子只能一个帖子上传一首歌曲，最好上传后将帖子关闭或禁止跟帖。

2018-11-15 249256 阅读 49 评论

icode

2020-7-29

精华火狼首页多格X

效果如本站首页所示，无需替换图片，一键安装！ 913 1、进入后台，工具，数据调用，导入下边文件 912 2、新建一个模板命名为huolangX ,将下边的代码粘贴进去后提交。 <style> .tlb_show .com-1 {width: 35.93%;height: 245px;float: left;border-right: solid 1px #b1c9dc;} .tlb_show .com-2 {width: 45.93%;height: 245px;float: left;border-right: solid 1px #b1c9dc;} .tlb_show .com-3 {width: 17.923%;height: 245px;float: left;} #tab_d {height: 30px;background: #f0f0f0;border-bottom: 1px solid #ccc;} .tlb-topm ul {height: 30px;} .tlb-topm li {float: left;line-height: 31px;text-align: center;width: 50px;border-right: 1px solid #ccc;} .tlb-disma {display: block;} .tlb-disma li{list-style: none;} .tlb-undisa {display: none;} .tlb-dis {display: block;} .tlb-dism {display: block;list-style: none;} .tlb-undis {display: none;} .tlb-dis span a {color: #2E9AFE;} .tlb-undism {display: none;} .tlb_show .txt td {padding: 0; vertical-align: top;} .tlb_show .txt span {float: right; color: #07519a;} .tongji_a {margin:42px 0 0 0;clear: both;overflow: hidden;line-height:23px;} #tongji {line-height: 30px;} .tj{color:#999;} .tja{color:#369;} .tlb_show {height: 245px; margin: 0 0 10px 0; border: solid 1px #b1c9dc;} .tlb-topm {background: #f0f0f0;border-bottom: 1px solid #ccc;} .tlb-normal1 {color: #999;} .tlb-hover1 {color: #369;font-weight: bold;background: #fff;} .bm_h {background: #E5EDF2 url( repeat-x 0 0;padding: 0 10px;height: 31px;border: 1px solid #C2D5E3;border-bottom: none;line-height: 31px;white-space: nowrap;overflow: hidden;} .hide{display:none;} #tab_t{height: 30px;background: #f0f0f0;border-bottom: 1px solid #ccc;} #tab_t li {float: left;width: 80px;line-height: 31px;height: 30px;text-align: center;border-right: 1px solid #ccc;border-bottom: none;background: #f0f0f0;cursor: pointer;color:#999;} #tab_t .act {position: relative;height: 31px;margin-bottom: -1px;background: #fff;color: #369;font-weight: bold;} #tab_c{padding:4px;height: 209px;} #tab_c ul {background: url( 0px 0px no-repeat;} #tab_c li {position: relative;background: url( repeat-x left bottom;height: 20px;line-height: 20px;padding: 0px 5px 0px 20px;text-align: left;margin-right: 0px;position: relative;clear: both;} #tab_c li span {right: 5px;top: 0px;position: absolute;} </style> <div id="huolang"> <div id="tongji"> <p class="chart"><em class="tj">{lang index_today}:</em> <em>$todayposts</em><span class="pipe">|</span><em class="tj">{lang index_yesterday}:</em> <em>$postdata[0]</em><span class="pipe">|</span><em class="tj">{lang index_posts}:</em> <em>$posts</em><span class="pipe">|</span><em class="tj">会员:</em> <em>$totalmembers</em><span class="pipe">|</span><em class="tj">欢迎新会员:</em> <em><a href="space.php?username=$memberenc" target="_blank" class="xi2">{eval request('仿火狼X_新注册会员');}</a></em></p> </div> <div style="margin-top: -25px;float: right;"> <a href="my.php?item=threads" title="我的帖子" class="xi2">我的帖子</a><span class="pipe">|</span><a href="search.php?srchfrom=604800&searchsubmit=yes" title="最新回复" class="xi2">最新回复</a> </div> <div class="bm_h cl"> <h2> <script type="text/javascript" src=' </h2> </div> <script type="text/javascript" src=" ></script> <script type="text/javascript" src=" ></script> <div id="duceapp_xhome" class="tlb_show dx-bm dx-forum" config="{'timeout':500,'blockswitch':5000,'event':'click','tabavgranks':1,'preview':1}"> <div class="com-1"> <div class="tlb-disma" id="tbca_01"> {eval request('仿火狼X_精彩图片');} <script type="text/javascript">new dk_slideplayer("#tbca_01",{width:"100%",height:"245px",fontsize:"12px",time:"5000"});</script> </div> </div> <div class="com-2"> <ul id="tab_t"> <li class="act">最新主题</li> <li>最新回复</li> <li>精华主题</li> <li>热门主题</li> </ul> <div id="tab_c"> <div>{eval request('仿火狼X_最新主题');}</div> <div class="hide">{eval request('仿火狼X_最新回复');}</div> <div class="hide">{eval request('仿火狼X_精华帖子');}</div> <div class="hide">{eval request('仿火狼X_本周热门');}</div> </div> </div> <div class="com-3"> <div id="tb_" class="tlb-topm"> <ul> <li id="tbm_1" onmouseover="x:HoverLim(1);" class="tlb-hover1">明星</li> <li id="tbm_2" onmouseover="x:HoverLim(2);" class="tlb-normal1">活跃</li> <li id="tbm_3" onmouseover="x:HoverLim(3);" class="tlb-normal1">财神</li> </ul> </div> <div class="tlb-dism" id="tbcm_01"> {eval request('仿火狼X_本周之星');} </div> <div class="tlb-undism" id="tbcm_02" style="width:98%; margin: 8px auto;background:url( 0px 0px no-repeat;"> {eval request('仿火狼X_积分飙升榜');} </div> <div class="tlb-undism" id="tbcm_03" style="width:98%; margin: 8px auto;background:url( 0px 0px no-repeat;"> {eval request('仿火狼X_金币飙升榜');} </div> </div> </div> {eval request('仿火狼X_新会员');} </div> <script> function g(o) { return document.getElementById(o); } function HoverLi(n) { for(var i=1;i<=5;i++) { g('tb_'+i).className='tlb-normal'; g('tbc_0'+i).className='tlb-undis'; } g('tbc_0'+n).className='tlb-dis'; g('tb_'+n).className='tlb-hover'; } function HoverLim(n) { for(var i=1;i<=3;i++) { g('tbm_'+i).className='tlb-normal1'; g('tbcm_0'+i).className='tlb-undism'; } g('tbcm_0'+n).className='tlb-dism'; g('tbm_'+n).className='tlb-hover1'; } function HoverLia(n) { for(var i=1;i<=2;i++) { g('tba_'+i).className='tlb-normal2'; g('tbca_0'+i).className='tlb-undisa'; } g('tbca_0'+n).className='tlb-disma'; g('tba_'+n).className='tlb-hover2'; } </script> <script> window.onload = function(){ tab("tab_t","li","tab_c","div","onmouseover") function tab(tab_t,tab_t_tag,tab_c,tag_c_tag,evt){ var tab_t = document.getElementById(tab_t); var tab_t_li = tab_t.getElementsByTagName(tab_t_tag); var tab_c = document.getElementById(tab_c); var tab_c_li = tab_c.getElementsByTagName(tag_c_tag); var len = tab_t_li.length; var i=0; var timer = null; var num=0; for(i=0; i<len; i++){ tab_t_li .index = i; tab_t_li = function(){ clearInterval(timer); num = this.index; tab_change() } tab_t_li .onmouseout = function(){ autoplay(); } } function tab_change(){ for(i=0; i<len; i++){ tab_t_li .className = ''; tab_c_li .className = 'hide'; } tab_t_li .className = 'act'; tab_c_li .className = ''; } function autoplay(){ timer = setInterval(function(){ num++; if(num>=len) num=0; tab_change(); },10000); } autoplay(); } } </script> 3、打开discuz模板找到 $pluginhooks 在下边加 {subtemplate huolangX} 即可。

2020-7-29 217605 阅读 16 评论

icode

2018-11-3

精华 discuz7.2翻页特效代码，爱秀代码首发。

重新编写翻页代码，页码条精简为5页，加入上一页按钮，加入输入页码跳转，随意定义颜色样式。修改后如图： 615 614 616 页码有板块和帖子两处，要分别修改。一、修改板块翻页 1、编辑forumdisplay模板找到 $multipage 一共有两个，修改为  <div class="page"> {eval $bpage = $page - 1;} {eval $npage = $page + 1;}  <a href="javascript:;" class="greynone">上一页</a>  <a href="forumdisplay.php?fid=$fid&page=$bpage" class="grey">上一页</a>  {eval $pbpage = $page - 2;} {eval $papage = $page - 1;} {eval $napage = $page + 1;} {eval $nbpage = $page + 2;} {eval $endpage = $maxpage - 2;}  <a href="forumdisplay.php?fid=$fid&page=1" class="icodepa">1 ...</a>  <a {if $page<3}style="display:none;"{/if} href="forumdisplay.php?fid=$fid&page=$pbpage" class="icodepa">$pbpage</a> <a {if $page<2}style="display:none;"{/if} href="forumdisplay.php?fid=$fid&page=$papage" class="icodepa">$papage</a> <a href="forumdisplay.php?fid=$fid&page=$page" style="background-color: #f26c4f;" class="icodepa">$page</a> <a {if $napage>$maxpage}style="display:none;"{/if} href="forumdisplay.php?fid=$fid&page=$napage" class="icodepa">$napage</a> <a {if $nbpage>$maxpage}style="display:none;"{/if} href="forumdisplay.php?fid=$fid&page=$nbpage" class="icodepa">$nbpage</a>   <a href="forumdisplay.php?fid=$fid&page=4" class="icodepa">4</a> <a href="forumdisplay.php?fid=$fid&page=5" class="icodepa">5</a>  <a href="forumdisplay.php?fid=$fid&page=5" class="icodepa">5</a>    <a href="forumdisplay.php?fid=$fid&page=$maxpage" class="icodepa">...Max</a>  <div class="pgzongyeshu"> <label> <input name="custompage" title="输入页码，按回车快速跳转" class="px" onkeydown="if(event.keyCode==13) {window.location='forumdisplay.php?fid=$fid&page='+this.value;; doane(event);}" type="text" size="2" value="$page" style="height:14px;margin-top: -6px;"> <span title="共 $maxpage 页"> / $maxpage 页 </span> </label> </div>  <a href="javascript:;" class="prevnone">下一页</a>  <a href="forumdisplay.php?fid=$fid&page=$npage" class="prev">下一页</a>  </div>  2、然后在 {subtemplate header} 下边加 <style> .pgzongyeshu { float: left; display: inline; border-radius: 3px; margin: 0 4px; padding: 0 6px; height: 26px; border: 1px solid; border-color: #f26c4f73; background-color: #f26c4f73; background-repeat: no-repeat; color: #fff; overflow: hidden; text-decoration: none; } .icodepa { float: left; display: inline; margin-left: 4px; border-radius: 3px; padding: 0 8px; height: 26px; border: 1px solid; border-color: #f26c4f73; background-color: #f26c4f73; background-repeat: no-repeat; color: #fff; overflow: hidden; text-decoration: none; } .grey { border: 1px solid #f26c4f; border-radius: 3px; padding: 5px 20px; background: #f26c4f; color: #fff; line-height: 16px; float: left; } .greynone { color: #ebf2f5; background: #f26c4f73; border: 1px solid #f26c4f73; border-radius: 3px; padding: 5px 20px; line-height: 16px; float: left; } .prev { border: 1px solid #f26c4f; border-radius: 3px; padding: 5px 20px; background: #f26c4f; color: #fff; line-height: 16px; float: left; } .prevnone { color: #ebf2f5; background: #f26c4f73; border: 1px solid #f26c4f73; border-radius: 3px; padding: 5px 20px; line-height: 16px; float: left; } .pgzongyeshu .px { color: #f26c4f; border: none; } .page{ float: right; line-height: 28px; } </style> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 二、修改帖子页翻页 1、编辑viewthread模板找到 $multipage 一共有两个，修改为  <div class="page"> {eval $bpage = $page - 1;} {eval $npage = $page + 1;}  <a href="javascript:;" class="greynone">上一页</a>  <a href="thread-$tid-$bpage-1.html" class="grey">上一页</a>  {eval $pbpage = $page - 2;} {eval $papage = $page - 1;} {eval $napage = $page + 1;} {eval $nbpage = $page + 2;} {eval $endpage = $maxpage - 2;}  <a href="thread-$tid-1-1.html" class="icodepa">1 ...</a>  <a {if $page<3}style="display:none;"{/if} href="thread-$tid-$pbpage-1.html" class="icodepa">$pbpage</a> <a {if $page<2}style="display:none;"{/if} href="thread-$tid-$papage-1.html" class="icodepa">$papage</a> <a href="thread-$tid-$page-1.html" style="background-color: #2196F3;" class="icodepa">$page</a> <a {if $napage>$maxpage}style="display:none;"{/if} href="thread-$tid-$napage-1.html" class="icodepa">$napage</a> <a {if $nbpage>$maxpage}style="display:none;"{/if} href="thread-$tid-$nbpage-1.html" class="icodepa">$nbpage</a>   <a href="thread-$tid-4-1.html" class="icodepa">4</a> <a href="thread-$tid-5-1.html" class="icodepa">5</a>  <a href="thread-$tid-5-1.html" class="icodepa">5</a>    <a href="thread-$tid-$maxpage-1.html" class="icodepa">...Max</a>  <div class="pgzongyeshu"> <label> <input name="custompage" title="输入页码，按回车快速跳转" class="px" onkeydown="if(event.keyCode==13) {window.location='viewthread.php?tid=$tid&page='+this.value;; doane(event);}" type="text" size="2" value="$page" style="height:14px;margin-top: -6px;"> <span title="共 $maxpage 页"> / $maxpage 页 </span> </label> </div>  <a href="javascript:;" class="prevnone">下一页</a>  <a href="thread-$tid-$npage-1.html" class="prev">下一页</a>  </div>  2、然后在 {subtemplate header} 下边加 <style> .pgzongyeshu { float: left; display: inline; border-radius: 3px; margin: 0 4px; padding: 0 6px; height: 26px; border: 1px solid; border-color: #f26c4f73; background-color: #f26c4f73; background-repeat: no-repeat; color: #fff; overflow: hidden; text-decoration: none; } .icodepa { float: left; display: inline; margin-left: 4px; border-radius: 3px; padding: 0 8px; height: 26px; border: 1px solid; border-color: #f26c4f73; background-color: #f26c4f73; background-repeat: no-repeat; color: #fff; overflow: hidden; text-decoration: none; } .grey { border: 1px solid #f26c4f; border-radius: 3px; padding: 5px 20px; background: #f26c4f; color: #fff; line-height: 16px; float: left; } .greynone { color: #ebf2f5; background: #f26c4f73; border: 1px solid #f26c4f73; border-radius: 3px; padding: 5px 20px; line-height: 16px; float: left; } .prev { border: 1px solid #f26c4f; border-radius: 3px; padding: 5px 20px; background: #f26c4f; color: #fff; line-height: 16px; float: left; } .prevnone { color: #ebf2f5; background: #f26c4f73; border: 1px solid #f26c4f73; border-radius: 3px; padding: 5px 20px; line-height: 16px; float: left; } .pgzongyeshu .px { color: #f26c4f; border: none; } .page{ float: right; line-height: 28px; } </style> 三，如果想修改色系，我在这里提供三种配色，代码如下橙色 .pgzongyeshu { float: left; display: inline; border-radius: 3px; margin: 0 4px; padding: 0 6px; height: 26px; border: 1px solid; border-color: #f26c4f73; background-color: #f26c4f73; background-repeat: no-repeat; color: #fff; overflow: hidden; text-decoration: none; } .icodepa { float: left; display: inline; margin-left: 4px; border-radius: 3px; padding: 0 8px; height: 26px; border: 1px solid; border-color: #f26c4f73; background-color: #f26c4f73; background-repeat: no-repeat; color: #fff; overflow: hidden; text-decoration: none; } .grey { border: 1px solid #f26c4f; border-radius: 3px; padding: 5px 20px; background: #f26c4f; color: #fff; line-height: 16px; float: left; } .prev { border: 1px solid #f26c4f; border-radius: 3px; padding: 5px 20px; background: #f26c4f; color: #fff; line-height: 16px; float: left; } .prevnone { color: #ebf2f5; background: #f26c4f73; border: 1px solid #f26c4f73; border-radius: 3px; padding: 5px 20px; line-height: 16px; float: left; } .pgzongyeshu .px { color: #f26c4f; border: none; } .page{ float: right; line-height: 28px; } 绿色 .grey { border: 1px solid #4CAF50; border-radius: 3px; padding: 5px 20px; background: #4CAF50; color: #fff; line-height: 16px; float: left; } .icodepa { float: left; display: inline; margin-left: 4px; border-radius: 3px; padding: 0 8px; height: 26px; border: 1px solid; border-color: #4caf506e; background-color: #4caf506e; background-repeat: no-repeat; color: #fff; overflow: hidden; text-decoration: none; } .pgzongyeshu { float: left; display: inline; border-radius: 3px; margin: 0 4px; padding: 0 6px; height: 26px; border: 1px solid; border-color: #4CAF50; background-color: #4CAF50; background-repeat: no-repeat; color: #fff; overflow: hidden; text-decoration: none; } .pgzongyeshu .px { color: #4CAF50; border: none; } .prev { border: 1px solid #4CAF50; border-radius: 3px; padding: 5px 20px; background: #4CAF50; color: #fff; line-height: 16px; float: left; } .page{ float: right; line-height: 28px; } 蓝色 .grey { border: 1px solid #2196F3; border-radius: 3px; padding: 5px 20px; background: #2196F3; color: #fff; line-height: 16px; float: left; } .icodepa { float: left; display: inline; margin-left: 4px; border-radius: 3px; padding: 0 8px; height: 26px; border: 1px solid; border-color: #2196f37a; background-color: #2196f37a; background-repeat: no-repeat; color: #fff; overflow: hidden; text-decoration: none; } .pgzongyeshu { float: left; display: inline; border-radius: 3px; margin: 0 4px; padding: 0 6px; height: 26px; border: 1px solid; border-color: #2196F3; background-color: #2196F3; background-repeat: no-repeat; color: #fff; overflow: hidden; text-decoration: none; } .pgzongyeshu .px { color: #2196F3; border: none; } .prev { border: 1px solid #2196F3; border-radius: 3px; padding: 5px 20px; background: #2196F3; color: #fff; line-height: 16px; float: left; } .page{ float: right; line-height: 28px; }

2018-11-3 216128 阅读 31 评论

icode

2018-9-6

精华免刷新切换论坛背景，保存到cookie。

安装此代码的前提是，已经安装过 jquery 285 1、新建一个模板命名为 i_set_body 代码是 $jq(document).ready(function(){ var cookieClass = getCookie('class'); $jq("body").attr("class",cookieClass); $jq(".skin_list li").each(function(){ $jq(this).click(function(){ var className=$jq(this).attr("class"); $jq("body").attr("class",className,30); function SetCookie(name,value,day) { var exp = new Date(); exp.setTime(exp.getTime() + day*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); } SetCookie("class",className,30); }) }); }); function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca ; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } 2、将下边css放到css_common模板的最下边 #set_style_menu{padding: 6px 10px 10px;} .sslct_btn i {float: left;display: inline;margin: 1px;width: 10px;height: 10px;background: #2E80D1;overflow: hidden;font-style: normal;} #set_style_menu li {float: left;margin: 4px 4px 0 0;width: 12px;height: 12px;border: 1px solid #CDCDCD;cursor: pointer;list-style: none;} #set_style_menu li i {float: left;display: inline;margin: 1px;width: 10px;height: 10px;background: #2E80D1;overflow: hidden;font-style: normal;} .default{background: #FFF url(默认背景图片) repeat-x 0 0;} .red{background: #FCFAF0 url(图片1) no-repeat 50% 0;} .orange{background: #FCFAF0 url(图片2) no-repeat 50% 0;} .blue{background: #FFFFFF url(图片3) no-repeat 50% 0 fixed;text-align: center;} .green{background: #FFF url(图片4) no-repeat 50% 0;} .purple{background: #FFF url(图片5) no-repeat 50% 24px;} #toptb {min-width: 960px;border-bottom: 1px solid #CDCDCD;background: #F2F2F2;line-height: 28px;margin-top: -7px;} .zsc a{float: left;padding: 0 4px;height: 28px;color: #333;} 3、header模板找到 <body id="{CURSCRIPT}" onkeydown="if(event.keyCode==27) return false;"> 在下边加 <div id="set_style_menu" class="p_pop" style="display: none;"> <div class="skin_list"> <li class="default" title="默认"><i></i></li> <li class="red" title="红"><i style="background:#BA350F"></i></li> <li class="orange" title="橙"><i style="background:#FE9500"></i></li> <li class="blue" title="蓝"><i style="background:#0053B9"></i></li> <li class="green" title="青"><i style="background:#429296"></i></li> <li class="purple" title="紫"><i style="background:#9934B7"></i></li> </div> </div> <div id="toptb" class="cl"> <div class="wp" style="margin: 0 auto;width: 960px;"> <div class="zsc" style="float: left;"><a href="javascript:void(0)" onclick="SetHome(this,window.location)">设为首页</a><a href="javascript:void(0)" onclick="shoucang(document.title,window.location)">收藏本站</a><script type="text/javascript">var _speedMark = new Date();</script></div> <div id="y" style="float: right;margin-top: 5px;"> <a href="javascript:" id="set_style" onmouseover="showMenu({'ctrlid':'set_style'});" initialized="true" > <img align="absmiddle" src="图标"> </a> </div> </div> </div> 图标在这里 284 4、最后在第三方放入 <script type="text/javascript" src="templates/default/i_set_body.htm"></script>

2018-9-6 205755 阅读 26 评论

icode

2018-10-16

爱秀代码---帖内发言框美化

1、打开viewthread_node模版找到 {$pluginhooks [$postcount]} 在上边添加 <img height="42" src=" width="36/" style="margin-top: -7px;margin-left: 7px;"> <div><a class="avatar_say" href="space.php?uid=$post " target="_blank" title="$post ">$post </a> $post 说：</div> 2、在css_common模版最下边加 .t_msgfontfix { border: 1px #847777 solid!important; box-shadow: 5px 11px 1px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; padding: 10px; background: #fffff1; } .avatar_say img { width: 40px; } 3、替换链接的图片 517

2018-10-16 193084 阅读 22 评论

icode

2020-4-13

打赏插件1.1

升级内容： 1、只有获得精华帖后才可使用打赏功能 2、优化了一些css 先安装打赏插件将原代码第二步的内容替换为下边代码即可。 <style type="text/css"> .hide_box{z-index:999;filter:alpha(opacity=50);background:#000;opacity: 0.6;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;} .shang_box{width:540px;height:540px;padding:10px;background-color:#fff;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;} .shang_box img{border:none;border-width:0;height: 30px;} .dashang{margin: 10px auto 0;display: block;width: 60px;line-height: 15px;padding: 10px;background-color: #E74851;color: #fff;text-align: center;text-decoration: none;border-radius: 10px;font-weight: bold;font-size: 12px;transition: all 0.3s;} .dashang:hover{opacity:0.8;padding:12px;font-size:14px;} .shang_close{float:right;display:inline-block;} .shang_logo{display:block;text-align:center;margin:20px auto;height: 45px!important;} .shang_tit{width: 100%;height: 75px;text-align: center;line-height: 66px;color: #a3a3a3;font-size: 16px;background: url('img/cy-reward-title-bg.jpg');font-family: 'Microsoft YaHei';margin-top: 7px;margin-right:2px;} .shang_tit p{color:#a3a3a3;text-align:center;font-size:16px;} .shang_payimg{width:140px;padding:10px;border:6px solid #3eb8e5;margin:0 auto;border-radius:3px;height:140px;} .shang_payimg img{display:block;text-align:center;width:140px;height:140px; } .pay_explain{text-align:center;margin:10px auto;font-size:12px;color:#545454;} .radiobox{background: url(' block;} .checked .radiobox{background:url(' #ali_box{width: 16px;height: 16px;float: left;margin-top: 8px;margin-right: 14px;} #wx_box{width: 16px;height: 16px;float: left;margin-top: 8px;margin-left: 100px;} .shang_payselect{text-align:center;margin:0 auto;margin-top:40px;cursor:pointer;height:60px;width:360px;} .shang_payselect .pay_item{display:inline-block;margin-right:10px;float:left;} .shang_info{clear:both;} .shang_info p,.shang_info a{color:#C3C3C3;text-align:center;font-size:12px;text-decoration:none;line-height:2em;} .pay_logo {float: right;} .zfbimg{background: url($post );width: 140px;height: 140px;background-size: 140px;} .wximg{background: url($post );width: 140px;height: 140px;background-size: 140px;} </style>   <p><a href="javascript:void(0)" onClick="dashangToggle()" class="dashang" title="打赏，支持一下">打赏</a></p> <div class="hide_box"></div> <div class="shang_box"> <a class="shang_close" href="javascript:void(0)" onClick="dashangToggle()" title="关闭"><img src=" alt="取消" /></a> <img class="shang_logo" src=" alt="爱秀代码" /> <div class="shang_tit"> <p>感谢您的支持，我会继续努力的!</p> </div> <div class="shang_payimg"> <div class="zfbimg"></div> </div> <div class="pay_explain">扫码打赏，你说多少就多少</div> <div class="shang_payselect"> <div class="pay_item checked" data-id="alipay"> <span id="ali_box" class="radiobox"></span> <span class="pay_logo"><img src=" alt="支付宝" /></span> </div> <div class="pay_item1" data-id="weipay"> <span id="wx_box" class="radiobox"></span> <span class="pay_logo"><img src=" alt="微信" /></span> </div> </div> <div class="shang_info"> <p>打开<span id="shang_pay_txt">支付宝</span>扫一扫，即可进行扫码打赏哦</p> <p>Powered by <a href=" target="_blank" title="爱秀代码">爱秀代码</a>，分享从这里开始，精彩与您同在</p> </div> </div>

2020-4-13 191125 阅读 4 评论

icode

2020-4-5

插件数据库

2020-4-5 177598 阅读 4 评论

icode