繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
论坛
搜索
模板修改
风格修改
板块导航
闲聊灌水
搜索
搜索
游客
爱秀代码
游客仅可浏览部分版块
请登录解锁全部权限
论坛
搜索
模板修改
风格修改
板块导航
闲聊灌水
登录
注册
首页
/
Sclub模板修改与美化
Sclub模板修改与美化
103
主题 ·
1287
帖子
1. 本版仅限sclub代码开发者之间的技术交流，以及开发者宣传自己的主题、插件
2. 代码发布请选择“发布”<font color="#c60a00">分类</font>；技术知识分享，请选择“分享”分类；除此之外，请一律选择“交流”分类
3. 发帖请严格按照分类进行发帖，分类错误将直接删帖，情节严重者将做禁言处罚
4. 优秀的“分享”内容可获得金币奖励
5. 不得对他人进行恶意攻击，侮辱，包括图片、回帖等形式，情节严重者将做禁言处罚
全部
精华
最新
热门
最多阅读
2018-8-26
置顶
精华
纯CSS瀑布流代码发布
114 预览： 1、后台建立一个模版命名为pubu 内容是 <!--{if ($_GET["ishow"]=="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} <!--{/if}--> 2、后台--工具--数据调用，导入数据调用文件 113 3、在faq模版最上边加 {subtemplate pubu} 4、
2018-8-26
202767 阅读
19 评论
icode
板块主题
2019-9-2
【Jones】轮播代码修改版本+新建个sclub交流Q群
写在前面1： 有坛友闻到我论坛下面的这个轮播代码，其实这个代码出处在这里：mingzhantaotu 这个代码还有顶部文字滚动效果，最终效果会展现在版区内子版块上侧，也是个合适的位置。 写在前面2： 最近找到一个N久前备份的轮播代码，但是代码出问题了，有大神可以帮忙看下修复下就感谢了，代码太多我做个txt放到附件里面了。 723 正文开始： 722 举一: 有了原帖ming的代码，我考虑到为了兼顾我之前放在页脚的版权声明代码，所以用table把这两项合在了一起，也就是左侧是版权，右侧是轮播。（删除了原代码里面的文字滚动部分，各位看官自己根据所需保留）展示我的论坛特色所在，我把这部分的图片调用指定在夺宝奇兵版区。 操作方法见原作者帖子，代码部分我精简为以下： <div class="sidebox"> <div style ="border:1px#666 solid"><marquee behavior=alternate onmouseover=stop() onmouseout=start() direction=left scrollAmount=3> <a href="{link}" target="_ blank "title="标题: {subject_nolink} 作者 : {author_nolink} 时间 : {dateline}"><img src="{imgattach}" alt="标题: {subject_nolink} 作者: {author_nolink} 时间: {dateline}" style="width:137px;height:137px;margin:2px 2px2px 2px;padding:1px 1px 1px 1px;border:1px #666 solid;"></a> </marquee></div></div> 如果你想显示贴纸其他信息，只要增加对应的项目代码就可以了。 然后就是显示了，如果是模板内的话，就把 {eval request('内部调用_滚动图片');} 放到你想要的位置处，我的放到了footer，如果你想采用广告代码形式，那就利用外部调用代码配合广告进行配置。 个人建议使用模板，广告的话如果用户使用浏览器屏蔽广告插件，那就没啥用了。 我的完整代码： <center><table border="5" table width="960" table height="100" left="200"> <td><b><font color="red"><font size=1><center>Disclaimer :) </center></size></color></b></td> <td><b><font color="yellow"><font size=1><center>In-Site Hot Thread :D</center></size></color></b></td> </tr> <tr> <td><font size=1><center>This site is in no way affiliated with Lucasfilm Ltd. or Paramount Pictures. Copyrights and trademarks for the films, books, articles, and other promotional materials are held by their respective owners and their use is allowed under the fair use clause of the Copyright Law.If you think there's something that offend your legal right, please contact us.</center> </td> <td>{eval request('内部调用_滚动图片');} </td> </tr> </table></center> 然后就是反三了如图： 721 相同的代码，调整下调用图片尺寸和数据个数，就可以成为帖内宣传了，花朵不艳，所以我这部分代码取消了轮播，调用了别的版区帖子。 用到的模板就是viewthread_node模板，或者你还可以使用广告功能配置代码哈哈。 写在最后， 希望各位论坛坛主能多多贡献好代码，能在官方论坛这里发一份更好，因为很多需要跳转到个人论坛的都失效了，发在官方论坛这里，一来稳定二来也能惠泽更多热心的建站朋友也能活跃这里。 我的这些不起眼的小代码不会发个人论坛，因为不是代码论坛哈哈，所以都会直接发到这里，并附带一份发到无界大佬的代码站。 最后的最后， 大家基本上都是学僧或者奋斗在上班路上的柴犬哈哈，所以可能访问论坛不会很平常，所以建了一个sclub非官方的站长交流QQ群，毕竟QQ微信吹水插科打诨会方便许多哈哈๑乛◡乛๑ QQ群：436359280 群头像：别加错了哈 720
2019-9-2
74332 阅读
6 评论
琼斯博士
2018-10-16
爱秀代码---随意添加分区大板块前小图标
效果如图： 511 修改方法： 首先获取大板块id,如 编辑discuz模板找到 <a href="$indexname?gid=$cat " style="{if $cat }color: {$cat };{/if}">$cat </a> 在它的前边加 <!--{if $cat == 1}--> <img align="absmiddle" src=" <!--{elseif $cat == 3}--> <img align="absmiddle" src=" <!--{elseif $cat == 17}--> <img align="absmiddle" src=" <!--{/if}--> 这里的1、3、17便是大板块的id 最后 没有最后了{:4_95:}
2018-10-16
146397 阅读
12 评论
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;"> <!--{if $discuz_uid}--><a href="my.php?item=threads" title="我的帖子" class="xi2">我的帖子</a><span class="pipe">|</span><!--{/if}--><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
217334 阅读
16 评论
icode
2018-10-19
小老虎快捷回复数据调用部分
<style> #f_pst .bm_c {padding: 20px;} #ct {min-height: 300px;} #fastsmilies {text-align: right;} #fastsmilies table {width: 160px;height: 133px;table-layout: auto;} #fastsmilies td {padding-top: 5px;text-align: right;vertical-align: middle;cursor: pointer;padding-bottom: 2px;} #fastsmilies img {vertical-align: middle;} </style> <div class="y" id="fastsmiliesdiv"> <div id="fastsmiliesdiv_data"> <div id="fastsmilies"> <table cellspacing="0" cellpadding="0"> <tbody> <tr> <script language="javascript"> function td_sub(a){document.getElementById('fastpostmessage').innerHTML=' 看帖回帖那是一定要的：'+a+' ';document.getElementById('fastpostsubmit').click();} </script> <td id="fastpostsmilie_1_td" href="javascript:;" onclick="td_sub(' id="smilie_1" src="images/smilies/007/05.gif" width="32" height="32" border="0" title="顶，好贴！"> <td id="fastpostsmilie_2_td" href="javascript:;" onclick="td_sub(' id="smilie_2" src="images/smilies/007/32.gif" width="32" height="32" border="0" title="淡定......"> <td id="fastpostsmilie_3_td" href="javascript:;" onclick="td_sub(' id="smilie_3" src="images/smilies/007/06.gif" width="32" height="32" border="0" title="哇！你真有才！"> <td id="fastpostsmilie_4_td" href="javascript:;" onclick="td_sub(' id="smilie_4" src="images/smilies/007/37.gif" width="32" height="32" border="0" title="赞"> </tr> <tr> <td align="center" height="12">好帖!</td> <td align="center" height="12">淡定!</td> <td align="center" height="12">有才!</td> <td align="center" height="12">真棒!</td> </tr> <tr> <td id="fastpostsmilie_5_td" href="javascript:;" onclick="td_sub(' id="smilie_5" src="images/smilies/007/07.gif" width="32" height="32" border="0" title="打酱油路过，不关我的事！"> <td id="fastpostsmilie_6_td" href="javascript:;" onclick="td_sub(' id="smilie_6" src="images/smilies/007/02.gif" width="32" height="32" border="0" title="哈哈！拿走了！"> <td id="fastpostsmilie_7_td" href="javascript:;" onclick="td_sub(' id="smilie_7" src="images/smilies/007/29.gif" width="32" height="32" border="0" title="我喜欢"> <td id="fastpostsmilie_8_td" href="javascript:;" onclick="td_sub(' id="smilie_8" src="images/smilies/007/18.gif" width="32" height="32" border="0" title="囧！唬人！"> </tr> <tr> <td align="center" height="12">打酱油</td> <td align="center" height="12">拿走了</td> <td align="center" height="12">我喜欢</td> <td align="center" height="12">唬人!</td> </tr> </tbody> </table> </div> </div> </div> <SCRIPT type=text/javascript> function fastpost() {var contents = document.getElementById("target").value;document.getElementById("fastpostmessage").innerHTML = contents;}</SCRIPT>
2018-10-19
147438 阅读
17 评论
icode
2019-9-1
【Jones】链接失效求补档代码
718 如果你的帖子或论坛会经常分享一些链接，但是担心链接有时候会失效，而且你不想一个一个去排查，那就可以借助会员的力量，让他们把失效的链接统一回复到一个帖子里， 介于帖子页面的回顶部TOP不及右侧回顶部实用，那就可以把1楼的换成补档贴。 在viewthread_node.htm 模板里找到： <!--{if !$post['first']}--> <a href="javascript:;" onclick="scrollTo(0,0);">TOP</a> <!--{/if}--> 替换为： <!--{if $post == 1}--> <a href="补档贴纸链接"><font color="red">【</font><font color="orange">失</font><font color="yellow">效</font><font color="#28FF28">求</font><font color="#00FFFF">补</font><font color="blue">档</font><font color="purple">】</font></a> <!--{else}--> <a href="javascript:;" onclick="scrollTo(0,0);">TOP</a> <!--{/if}--> 代码中补档贴链接换成你想要跳转的帖子或者版区链接。
2019-9-1
122158 阅读
1 评论
琼斯博士
2018-10-16
批量上传图片附件有预览，插入帖子中不会再搞错了
效果如图： 516 修改方法： 编辑ajax_attachlist模版找到 <span>$attach <a href="javascript:;" class="lighttxt" onclick="{if $attach['isimage']}insertAttachimgTag('$attach '){else}insertAttachTag('$attach '){/if}" title="{lang upload_msg}">$attach </a></span> 在下边加 <span style="float:right;"><!--{if $attach['isimage']}--><img src="$attach /$attach " id="image_$attach " width="$attach " _width="$attach " _height="110" onload="thumbImg(this, 1)" style="max-height: 28px;height: 28px;width: auto;float: right;" /><!--{/if}--></span>
2018-10-16
134719 阅读
14 评论
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
192697 阅读
22 评论
icode
2018-8-26
瀑布流
簡介說明: 这个瀑布流要在所有图片载入完成之后再排序! 預覽圖: 109 以下按裝步驟如下 一首先至後台界面/模版管理新建一个名為：aaa_pubu的模板 将以下内容复制到貼上该模板文件內: <!--{if ($_GET["op"]=="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} <!--{/if}--> 二至工具/数据调用 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
338514 阅读
47 评论
老闆
2018-11-13
精华
首页添加自定义板块
如图： 652 预览地址 安装方法： 1、打开discuz模板找到 <!--{if $_DCACHE['forumlinks'][0] || $_DCACHE['forumlinks'][1] || $_DCACHE['forumlinks'][2]}--> 在上边加 <div id="wj-tb" class="wj-chat"> <ul> <li id="wj-tbm_1" onmouseover="x:HoverLiz(1);" class="wj-tlb-hover1">AAAAA</li> <li id="wj-tbm_2" onmouseover="x:HoverLiz(2);" class="wj-tlb-normal1">BBBBB</li> <li id="wj-tbm_3" onmouseover="x:HoverLiz(3);" class="wj-tlb-normal1">CCCCC</li> </ul> </div> <div style="height: 380px;border: solid #DDDDDD;border-width: 1px;border-top: none;background: #fff;border-radius: 5px;margin-bottom: 20px;"> <div class="wj-tlb-dism" id="wj-tbcm_01"> <ul style="padding-top: 24px;margin-left: 11px;"> {eval request('主题列表_573');} </ul> </div> <div class="wj-tlb-undism" id="wj-tbcm_02"> <ul style="padding-top: 24px;margin-left: 11px;"> {eval request('主题列表_573_aA4');} </ul> </div> <div class="wj-tlb-undism" id="wj-tbcm_03"> <ul style="padding-top: 24px;margin-left: 11px;"> {eval request('主题列表_573_mIK');} </ul> </div> </div> <script> function g(o) { return document.getElementById(o); } function HoverLiz(n) { for(var i=1;i<=3;i++) { g('wj-tbm_'+i).className='wj-tlb-normal1'; g('wj-tbcm_0'+i).className='wj-tlb-undism'; } g('wj-tbcm_0'+n).className='wj-tlb-dism'; g('wj-tbm_'+n).className='wj-tlb-hover1'; } </script> 2、在css_append加 .wj-chat { background: #fff; line-height: 45px; margin-bottom: 20px; font-size: 16px; border-radius: 5px; background-color: #ecf2f4; overflow: hidden; } .wj-chat ul { height: 32px; padding-left: 5px; line-height: 30px; } .wj-chat li { float: left; text-align: center; width: 150px; } .wj-tlb-hover1 { background: #FFF; font-weight: 700; color: #333; display: block; margin-top: 2px; } .wj-tlb-normal1 { display: block; } .wj-tlb-dism { display: block; } .wj-tlb-undism { display: none; } ul,li { list-style: none; } .wj-tlb-dism li { float: left; white-space: nowrap; margin: 0 10px 10px 0; text-overflow: ellipsis; padding: 10px; border: solid #DDDDDD; border-width: 1px; background-color: #F8F8F8; text-align: center; overflow: hidden; } 3、解压下面文件后在后台数据调用导入 653
2018-11-13
155509 阅读
6 评论
icode
2018-8-29
精华
两步安装X系列搜索框（无需上传图片，外链永久有效。）
只需两步安装精仿X系列搜索框（无需上传图片，外链永久有效。） 186 187 1、新建一个模版命名为search_bar，内容是 <style> #scbar_type_menu li {text-align: left;} #scbar_type_menu a:hover{color:#369!important;} #scbar_type_menu li:hover{background:#E5EDF2;} #tlbscbar{margin:0 auto;width:961px;height:1px;line-height:30px} #scbar{position:relative;overflow:hidden;height:42px;border-top:1px solid #FFF;border-bottom:1px solid #e9eff5;background:#e8eff5;line-height:42px} #scbar{background-position:0 0;background-repeat:repeat-x} #scbar td{padding:0} #scbar_txt{margin-bottom:2px;width:260px;outline:0;border:1px solid #FFF;font-size:12px} #scbar_type{display:block;padding-left:10px;text-align:left;text-decoration:none} #scbar_btn{overflow:hidden;margin:0;padding:0;height:28px;border:0;background:transparent none;cursor:pointer} #scbar_hot{overflow:hidden;padding-left:8px;height:45px} #scbar_hot a,#scbar_hot strong{float:left;margin-right:8px;white-space:nowrap;line-height:44px} #scbar{border:1px solid #c2d5e3;border-top-width:0!important;border-left-width:1px!important;border-right-width:1px!important} #scbar{position:relative;overflow:visible} #scbar_txt:focus{width:260px} #scbar_hot a{color:#369!important;font-size:12px} .scbar_narrow #sg{width:260px} .scbar_txt_td,.scbar_type_td{background:url( repeat-x 0 -93px} .scbar_icon_td{width:21px;background:url( no-repeat 0 -50px} .scbar_type_td{width:61px;background:url( no-repeat 0 -193px} .scbar_btn_td{width:38px;background:url( no-repeat 8px -142px} .xg1,.xg1 a{color:#999} .xs2{color:#369;font-size:12px} .pn strong{margin:8px 0 0 8px;padding:14px;line-height:84px;cursor:pointer} .xw1{font-weight:700} #sousuo{margin:0 auto 5px} .stype{margin:0 0 0 6px;border:0;color:#999;font-size:12px} #sg{width:456px;border:1px solid #b2c7da;background:#FFF} #sg li{padding:0 8px;font-size:14px;line-height:30px} #sg li span{color:#999} .sml{background:#FFF;cursor:default} .smo{background:#e5edf2;cursor:default} .p_pop a{display:block;padding:3px 5px;border-bottom:1px solid #e5edf2;white-space:nowrap} .p_pof,.p_pop,.sllt{padding:4px;min-width:60px;border:1px solid;border-color:#DDD;background:#fefefe;box-shadow:1px 2px 2px rgba(0,0,0,.3)} .select_box{position:relative;padding-right:10px;width:45px;background:url( no-repeat 160px center} .select_box span{display:block;overflow:hidden;margin:0;width:100%;height:25px;color:#999;line-height:25px;cursor:pointer} .select_box ul li{cursor:pointer} .son_ul{position:absolute;top:25px;left:0;z-index:99;width:54px;border:1px dashed #ccc;background:#fff} .son_ul li{display:block;padding:3px 5px;width:45px;line-height:25px} .select_box li:hover{background:#e5edf2} .select_box li a:hover{color:#369!important;text-decoration:none} #clab {cursor: pointer;} </style> <div id="tlbscbar"> <div id="scbar" class="cl"> <form id="scbar_form" method="{if $_G && !empty($searchparams )}get{else}post{/if}" autocomplete="off" onsubmit="searchFocus($('scbar_txt'))" action="{if $_G && !empty($searchparams )}$searchparams {else}search.php?searchsubmit=yes{/if}" target="_blank"> <input type="hidden" name="mod" id="scbar_mod" value="search" /> <input type="hidden" name="formhash" value="{FORMHASH}" /> <input type="hidden" name="srchtype" value="title" /> <input type="hidden" name="srhfid" value="$_G " /> <input type="hidden" name="srhlocality" value="$_G['basescript']::{CURMODULE}" /> <!--{if !empty($searchparams )}--> <!--{loop $searchparams $key $value}--> <!--{eval $srchotquery .= '&' . $key . '=' . rawurlencode($value);}--> <input type="hidden" name="$key" value="$value" /> <!--{/loop}--> <input type="hidden" name="source" value="discuz" /> <input type="hidden" name="fId" id="srchFId" value="$_G " /> <input type="hidden" name="q" id="cloudsearchquery" value="" /> <div style="display: none; position: absolute; top:37px; left:44px;" id="sg"> <div id="st_box" cellpadding="2" cellspacing="0"></div> </div> <!--{/if}--> <table cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="scbar_icon_td"></td> <td class="scbar_txt_td"> <input type="text" name="srchtxt" id="scbar_txt" autocomplete="off" class=" xg1" baidusug="1" x-webkit-speech="" x-webkit-grammar="bUIltin:search" placeholder="请输入搜索内容"> </td> <td class="scbar_type_td"> <a href="javascript:;" id="scbar_type" class="xg1" onclick="showMenu(this.id)" hidefocus="true">帖子</a> </td> <td class="scbar_btn_td"> <button type="submit" name="searchsubmit" id="scbar_btn" class="pn pnc" value="true"> <strong class="xi2 xs2" color="#000000">搜索</strong> </button> </td> <td class="scbar_hot_td"> <div id="scbar_hot"> <strong class="xw1">热搜: </strong> {eval request('边栏模块_标签');} </div> </td> </tr> </tbody> </table> </form> </div> </div> <ul id="scbar_type_menu" class="p_pop" style="display: none;"> <li><a id="clab" type="button" onclick="myFunction()">帖子</a></li> <li><a id="clab" type="button" onclick="myFunction1()">用户</a></li> </ul> <script> function myFunction() { x = document.getElementById("scbar_type"); x.innerHTML = "帖子"; } function myFunction1() { y = document.getElementById("scbar_type") y.innerHTML = "用户" } </script> 2、打开header模版找到 $pluginhooks 在它的上边加代码 {subtemplate search_bar} 即可。
2018-8-29
106684 阅读
48 评论
icode
2018-11-3
精华
discuz7.2翻页特效代码，爱秀代码首发。
重新编写翻页代码，页码条精简为5页，加入上一页按钮，加入输入页码跳转，随意定义颜色样式。 修改后如图： 615 614 616 页码有板块和帖子两处，要分别修改。 一、修改板块翻页 1、编辑forumdisplay模板找到 $multipage 一共有两个 ，修改为 <!--{if $maxpage > 1}--> <div class="page"> {eval $bpage = $page - 1;} {eval $npage = $page + 1;} <!--{if $bpage==0}--> <a href="javascript:;" class="greynone">上一页</a> <!--{else}--> <a href="forumdisplay.php?fid=$fid&page=$bpage" class="grey">上一页</a> <!--{/if}--> {eval $pbpage = $page - 2;} {eval $papage = $page - 1;} {eval $napage = $page + 1;} {eval $nbpage = $page + 2;} {eval $endpage = $maxpage - 2;} <!--{if $page>4}--> <a href="forumdisplay.php?fid=$fid&page=1" class="icodepa">1 ...</a> <!--{/if}--> <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> <!--{if $maxpage>4}--> <!--{if $page==1}--> <a href="forumdisplay.php?fid=$fid&page=4" class="icodepa">4</a> <a href="forumdisplay.php?fid=$fid&page=5" class="icodepa">5</a> <!--{elseif $page==2}--> <a href="forumdisplay.php?fid=$fid&page=5" class="icodepa">5</a> <!--{/if}--> <!--{/if}--> <!--{if $page<$endpage}--> <a href="forumdisplay.php?fid=$fid&page=$maxpage" class="icodepa">...Max</a> <!--{/if}--> <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> <!--{if $page==$maxpage}--> <a href="javascript:;" class="prevnone">下一页</a> <!--{else}--> <a href="forumdisplay.php?fid=$fid&page=$npage" class="prev">下一页</a> <!--{/if}--> </div> <!--{/if}--> 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 一共有两个 ，修改为 <!--{if $maxpage > 1}--> <div class="page"> {eval $bpage = $page - 1;} {eval $npage = $page + 1;} <!--{if $bpage==0}--> <a href="javascript:;" class="greynone">上一页</a> <!--{else}--> <a href="thread-$tid-$bpage-1.html" class="grey">上一页</a> <!--{/if}--> {eval $pbpage = $page - 2;} {eval $papage = $page - 1;} {eval $napage = $page + 1;} {eval $nbpage = $page + 2;} {eval $endpage = $maxpage - 2;} <!--{if $page>4}--> <a href="thread-$tid-1-1.html" class="icodepa">1 ...</a> <!--{/if}--> <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> <!--{if $maxpage>4}--> <!--{if $page==1}--> <a href="thread-$tid-4-1.html" class="icodepa">4</a> <a href="thread-$tid-5-1.html" class="icodepa">5</a> <!--{elseif $page==2}--> <a href="thread-$tid-5-1.html" class="icodepa">5</a> <!--{/if}--> <!--{/if}--> <!--{if $page<$endpage}--> <a href="thread-$tid-$maxpage-1.html" class="icodepa">...Max</a> <!--{/if}--> <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> <!--{if $page==$maxpage}--> <a href="javascript:;" class="prevnone">下一页</a> <!--{else}--> <a href="thread-$tid-$npage-1.html" class="prev">下一页</a> <!--{/if}--> </div> <!--{/if}--> 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
215947 阅读
31 评论
icode
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
320692 阅读
10 评论
开心
2018-10-16
爱秀代码---板块主题下显示帖子缩略图
516 修改方法： 1、打开forumdisplay模版找到 <!--{if $thread }--> <span class="threadpages">$thread </span> <!--{/if}--> </th> 在 </th> 的上边加 {eval $q2 = $db->query("SELECT * FROM cdb_attachments WHERE tid='".$thread ."' AND isimage !=0 ORDER BY pid DESC LIMIT 5");} {eval $icodeimg=Array();} {eval $i=0;} {eval while ($asdfgh=$db->fetch_array($q2)) $icodeimg[$i++] = $asdfgh ; } {eval while ($asdfgh=$db->fetch_array($q2)) $q2 =$asdfgh ;} <div class="mbn savephotop"> <!--{loop $icodeimg $thing}--> <li><a href="javascript:void(0);"><img src="attachments/$thing "></a></li> <!--{/loop}--> </div> 2、然后把下边代码放到css_common的最下边即可 .savephotop li { list-style: none; float: left; width: 100px; overflow: hidden; display: table-cell; height: 100px; text-align: center; vertical-align: middle; padding-right: 5px; } .savephotop li img { width: 100px; height: auto; min-height: 100px; }
2018-10-16
76719 阅读
26 评论
icode
2018-10-16
爱秀代码---指定板块默认为图片模式
1、新建一个模版命名为default_image_mode内容是 {subtemplate header} <!--{if $forum['ismoderator']}--> <script type="text/javascript" src="{$jspath}moderate.js?{VERHASH}"></script> <!--{/if}--> <div id="nav"><a id="fjump" href="$indexname"{if $forumjump == 1} class="dropmenu" onmouseover="showMenu({'ctrlid':this.id})"{/if}>$bbname</a> $navigation</div> <!--{if $admode && !empty($advlist['text'])}--> <div id="ad_text" class="ad_text" > <table summary="Text Ad" cellpadding="0" cellspacing="0">$advlist </table> </div> <!--{else}--> <div id="ad_text"></div> <!--{/if}--> <div id="wrap"{if $infosidestatus['allow'] < 2} class="wrap s_clear"{else} class="wrap with_side s_clear"{/if}> <!--{if $infosidestatus == 2}--> <a id="sidebar_img" href="javascript:;" onclick="sidebar_collapse(['{lang sidebar_collapsed_yes}', '{lang sidebar_collapsed_no}']);" class="$collapseimg "><!--{if $collapseimg == 'collapsed_yes'}-->{lang sidebar_collapsed_yes}<!--{else}-->{lang sidebar_collapsed_no}<!--{/if}--></a> <!--{elseif $infosidestatus == 1}--> <a id="sidebar_img" href="javascript:;" onclick="sidebar_collapse(['', '{lang sidebar_collapsed_no}']);" class="collapsed_yes">{lang sidebar_collapsed_yes}</a> <!--{/if}--> <div class="main"> <div class="content"> $pluginhooks <div id="forumheader" class="s_clear"> <h1 style="{if $forum }color: {$forum };{/if}">$forum </h1> <p class="forumstats">[ <strong>$forum </strong> {lang thread} / {echo $forum -$forum } {lang reply} ]</p> <div class="forumaction"> <div class="right"> $pluginhooks <!--{if $discuz_uid}--> <a href="my.php?item=attention&type=forum&action=add&fid=$fid" id="ajax_attention" class="attention" onclick="ajaxmenu(this);doane(event);">{lang attention_forum}</a> <a href="my.php?item=favorites&fid=$fid" id="ajax_favorite" onclick="ajaxmenu(this);doane(event);">{lang thread_favorite}</a> <!--{/if}--> <!--{if $rssstatus}--><a href="rss.php?fid=$fid&auth=$rssauth" target="_blank" class="feed">RSS</a><!--{/if}--> </div> <!--{if $forum['recyclebin'] && $forum['ismoderator']}--> <a href="{if $adminid == 1}admincp.php?action=recyclebin&frames=yes{elseif $forum['ismoderator']}modcp.php?action=recyclebins&fid=$fid{/if}" class="recyclebin" target="_blank">{lang forum_recyclebin}</a> <!--{/if}--> </div> <!--{if $forum }--><p class="channelinfo">{lang forum_description}: $forum </p><!--{/if}--> <p id="modedby"> <!--{if $forum['ismoderator']}--> <div class="modlink"> $pluginhooks <!--{if $forum['modworks']}--> <!--{if $reportnum}--><a href="modcp.php?action=report&fid=$fid" target="_blank">{lang mod_works_report_existence}</a> |<!--{/if}--> <!--{if $modnum}--><a href="modcp.php?action=moderate&op=threads&fid=$fid" target="_blank">{lang mod_works_modpost_existence}</a> |<!--{/if}--> <!--{if $modusernum}--><a href="modcp.php?action=moderate&op=members&fid=$fid" target="_blank">{lang mod_works_moduser_existence}</a> |<!--{/if}--> <!--{/if}--> <a href="modcp.php?fid=$fid" target="_blank">{lang modcp}</a> </div> <!--{/if}--> {lang forum_modedby}: <!--{if $moderatedby}-->$moderatedby<!--{else}-->{lang forum_opening}<!--{/if}--> </p> </div> $pluginhooks <!--{if $forum['recommendlist'] || $forum['rules']}--> <div id="modarea" class="s_clear"> <div class="list"> <span class="headactions"><img onclick="toggle_collapse('modarea_c');" alt="{lang spread}" title="{lang spread}" src="{IMGDIR}/$collapseimg .gif" id="modarea_c_img" class="toggle" /></span> <h3> <!--{if $forum['recommendlist']}--> <a href="javascript:;" id="tab_1" class="current" {if $forum['rules']} onclick="switchTab('tab', 1, 2)"{/if}>{lang forum_recommend}</a><!--{if $forum['ismoderator'] && $allowrecommendthread}--><a href="modcp.php?action=forums&op=recommend&show=all&fid=$fid" target="_blank">[{lang edit}]</a><!--{/if}--> <!--{/if}--> <!--{if $forum['recommendlist'] && $forum['rules']}--><span class="pipe">|</span><!--{/if}--><!--{if $forum['rules']}--><a href="javascript:;" id="tab_2"{if !$forum['recommendlist']} class="current"{/if} {if $forum['recommendlist']} onclick="switchTab('tab', 2, 2)"{/if}>{lang forum_rules}</a><!--{/if}--> </h3> </div> <div id="modarea_c" style="$collapse "> <!--{if $forum['recommendlist']}--> <div id="tab_c_1"> {subtemplate recommend} </div> <!--{/if}--> <!--{if $forum['rules']}--> <div id="tab_c_2"{if $forum['recommendlist']} style="display:none"{/if} class="rule">$forum </div> <!--{/if}--> </div> </div> <!--{/if}--> <!--{if $subexists}--> <div id="subforum" class="mainbox list">{template forumdisplay_subforum}</div> <!--{/if}--> $pluginhooks <div class="pages_btns s_clear"> $multipage <span <!--{if $visitedforums}-->id="visitedforums" onmouseover="$('visitedforums').id = 'visitedforumstmp';this.id = 'visitedforums';showMenu({'ctrlid':this.id})"<!--{/if}--> class="pageback"><a href="$indexname">{lang return_index}</a></span> <span class="postbtn" id="newspecial" prompt="post_newthread" onmouseover="$('newspecial').id = 'newspecialtmp';this.id = 'newspecial';showMenu({'ctrlid':this.id})"><a href="post.php?action=newthread&fid=$fid"{if !$forum['allowspecialonly']} onclick="showWindow('newthread', this.href);return false;"{/if}>{lang send_posts}</a></span> </div> <!--{if $forum['threadtypes'] && $forum['threadtypes']['listable'] || $forum['threadsorts']}--> <div class="threadtype"> <!--{if $forum['threadtypes'] && $forum['threadtypes']['listable']}--> <p> <!--{if $typeid || $sortid}--><a href="forumdisplay.php?fid=$fid">{lang forum_viewall}</a><!--{else}--><strong>{lang forum_viewall}</strong><!--{/if}--> <!--{loop $forum['threadtypes']['flat'] $id $name}--><!--{if $typeid != $id}--><a href="forumdisplay.php?fid=$fid&filter=type&typeid=$id$sortadd">$name</a><!--{else}--><strong>$name</strong><!--{/if}--> <!--{/loop}--> <!--{if $forum['threadtypes']['selectbox']}--> <span id="threadtypesmenu" class="dropmenu" onmouseover="showMenu({'ctrlid':this.id})">{lang admin_type_more}</span> <div class="popupmenu_popup headermenu_popup" id="threadtypesmenu_menu" style="display: none"> <ul> <!--{loop $forum['threadtypes']['selectbox'] $id $name}--> <li> <!--{if $typeid != $id}--> <a href="forumdisplay.php?fid=$fid&filter=type&typeid=$id$sortadd">$name</a> <!--{else}--> <strong>$name</strong> <!--{/if}--> </li> <!--{/loop}--> </ul> </div> <!--{/if}--> </p> <!--{/if}--> <!--{if $forum['threadsorts']}--> <p> <!--{if !$forum['threadtypes']['listable']}--><!--{if $sortid}--><a href="forumdisplay.php?fid=$fid">{lang forum_viewall}</a><!--{else}--><strong>{lang forum_viewall}</strong><!--{/if}--><!--{/if}--> <!--{loop $forum['threadsorts']['flat'] $id $name}--><!--{if $sortid != $id}--><a href="forumdisplay.php?fid=$fid&filter=sort&sortid=$id$typeadd">$name</a><!--{else}--><strong>$name</strong><!--{/if}--> <!--{/loop}--> <!--{if $forum['threadsorts']['selectbox']}--> <span id="threadsortsmenu" class="dropmenu" onmouseover="showMenu({'ctrlid':this.id})">{lang admin_type_more}</span> <div class="popupmenu_popup headermenu_popup" id="threadsortsmenu_menu" style="display: none"> <ul> <!--{loop $forum['threadsorts']['selectbox'] $id $name}--> <li> <!--{if $sortid != $id}--> <a href="forumdisplay.php?fid=$fid&filter=sort&sortid=$id$typeadd">$name</a> <!--{else}--> <strong>$name</strong> <!--{/if}--> </li> <!--{/loop}--> </ul> </div> <!--{/if}--> </p> <!--{/if}--> </div> <!--{/if}--> <div id="threadlist" class="threadlist datalist" style="position: relative;"> <form method="post" name="moderate" id="moderate" action="topicadmin.php?action=moderate&fid=$fid&infloat=yes&nopost=yes"> <input type="hidden" name="formhash" value="{FORMHASH}" /> <input type="hidden" name="listextra" value="$extra" /> <style> .tl .by { width: 105px; line-height: 14px; } .waterfall { position: relative; margin-left: 22px; } .waterfall li { float: left; 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> <style>#threadlist {padding-top: 20px;}</style> <table summary="forum_$fid" id="forum_ajax" cellspacing="0" cellpadding="0" class="datatable"> <tbody id="$thread " onmouseover="gtview_showover(this)" onmouseout="gtview_showout(this)"> <ul id="waterfall" class="ml waterfall cl"> <!--{loop $threadlist $key $thread}--> <li id="$thread "> <div class="c cl"> {eval $q2 = $db->query("SELECT * FROM cdb_attachments WHERE tid='".$thread ."' AND isimage!=0 ORDER BY pid DESC");} {eval while ($asdfgh=$db->fetch_array($q2)) $thread =$asdfgh ;} <!--{if $thread }--> <a href="viewthread.php?tid=$thread &extra=$extra"$thread " target="_blank"><img src="attachments/$thread " alt="$thread " title="$thread " width="100%" height="145" /></a> <!--{else}--> <a href="viewthread.php?tid=$thread &extra=$extra"$thread " target="_blank"><img src=" title="$thread " width="100%" height="145" /></a> <!--{/if}--> </div> <h3 class="xw0"> <!--{if $forum['ismoderator']}--> <!--{if $thread['fid'] == $fid && $thread['digest'] >= 0}--> <!--{if $thread['displayorder'] <= 3 || $adminid == 1}--> <input onclick="tmodclick(this)" class="checkbox" type="checkbox" name="moderate[]" value="$thread " /> <!--{else}--> <input class="checkbox" type="checkbox" disabled="disabled" /> <!--{/if}--> <!--{else}--> <input class="checkbox" type="checkbox" disabled="disabled" /> <!--{/if}--> <!--{/if}--> <a href="viewthread.php?tid=$thread &extra=$extra"$thread " onclick="atarget(this)" title="$thread ">$thread </a> </h3> <div class="auth cl"> <cite class="xg1 y" style="float: right;color:#999;"> 喜欢: $thread 回复: <a href="thread-$thread -1-1.html" title="$thread 回复">$thread </a> </cite> <!--{if $thread['authorid'] && $thread['author']}--> <a href="space.php?uid=$thread ">$thread </a> <!--{else}--> <!--{if $forum['ismoderator']}--> <a href="space.php?uid=$thread ">匿名</a> <!--{else}--> {lang anonymous} <!--{/if}--> <!--{/if}--> </div> </li> <!--{/loop}--> </ul> </tbody> </table> <!--{if $forum['ismoderator'] && $threadcount}--> {template topicadmin_modlayer} <!--{/if}--> </form> </div> <div class="pages_btns s_clear"> $multipage <span <!--{if $visitedforums}-->id="visitedforums" onmouseover="$('visitedforums').id = 'visitedforumstmp';this.id = 'visitedforums';showMenu({'ctrlid':this.id})"<!--{/if}--> class="pageback"><a href="$indexname">{lang return_index}</a></span> <span class="postbtn" id="newspecialtmp" onmouseover="$('newspecial').id = 'newspecialtmp';this.id = 'newspecial';showMenu({'ctrlid':this.id})"><a href="post.php?action=newthread&fid=$fid"{if !$forum['allowspecialonly']} onclick="showWindow('newthread', this.href);return false;"{/if}>{lang send_posts}</a></span> </div> <!--{if $whosonlinestatus}--> <dl id="onlinelist"> <!--{if $detailstatus}--> <dd> <span class="headactions"><a href="forumdisplay.php?fid=$fid&page=$page&showoldetails=no#online"><img src="{IMGDIR}/collapsed_no.gif" alt="" /></a></span> <h3>{lang forum_activeusers}</h3> </dd> <dd> <ul class="s_clear"> <!--{loop $whosonline $key $online}--> <li title="{lang time}: $online {LF} {lang action}: $online {LF} {lang forum}: $forumname"> <img src="images/common/$online " alt="" /> <!--{if $online['uid']}--> <a href="space.php?uid=$online ">$online </a> <!--{else}--> $online <!--{/if}--> </li> <!--{/loop}--> </ul> </dd> <!--{else}--> <dt> <span class="headactions"><a href="forumdisplay.php?fid=$fid&page=$page&showoldetails=yes#online" class="nobdr"><img src="{IMGDIR}/collapsed_yes.gif" alt="" /></a></span> <h3>{lang forum_activeusers}</h3> </dt> <!--{/if}--> </dl> <!--{/if}--> $pluginhooks </div> </div> <!--{if $infosidestatus == 2}--> <div id="sidebar" class="side" style="$collapse "> <!--{if !empty($qihoo['status']) && ($qihoo['searchbox'] & 2)}--> <div id="qihoosearch" class="sidebox"> <form method="post" action="search.php?srchtype=qihoo" onSubmit="this.target='_blank';"> <input type="hidden" name="searchsubmit" value="yes" /> <input type="text" class="txt" name="srchtxt" size="20" value="$qihoo_searchboxtxt" /> <button type="submit">{lang search}</button> </form> </div> <!--{/if}--> <!--{if $infosidestatus[0]}--> <!--{if !empty($qihoo['status']) && ($qihoo['searchbox'] & 2)}--> <hr class="shadowline"/> <!--{/if}--> <div id="infoside"> {eval request($infosidestatus, 1, 0);} </div> <!--{/if}--> </div> <!--{/if}--> <!--{if $allowpost && ($allowposttrade || $allowpostpoll || $allowpostreward || $allowpostactivity || $allowpostdebate || $threadplugins || $forum['threadsorts'])}--> <ul class="popupmenu_popup postmenu" id="newspecial_menu" style="display: none"> <!--{if !$forum['allowspecialonly']}--><li><a href="post.php?action=newthread&fid=$fid" onclick="showWindow('newthread', this.href);doane(event)">{lang post_newthread}</a></li><!--{/if}--> <!--{if $allowpostpoll}--><li class="poll"><a href="post.php?action=newthread&fid=$fid&special=1">{lang post_newthreadpoll}</a></li><!--{/if}--> <!--{if $allowpostreward}--><li class="reward"><a href="post.php?action=newthread&fid=$fid&special=3">{lang post_newthreadreward}</a></li><!--{/if}--> <!--{if $allowpostdebate}--><li class="debate"><a href="post.php?action=newthread&fid=$fid&special=5">{lang post_newthreaddebate}</a></li><!--{/if}--> <!--{if $allowpostactivity}--><li class="activity"><a href="post.php?action=newthread&fid=$fid&special=4">{lang post_newthreadactivity}</a></li><!--{/if}--> <!--{if $allowposttrade}--><li class="trade"><a href="post.php?action=newthread&fid=$fid&special=2">{lang post_newthreadtrade}</a></li><!--{/if}--> <!--{if $threadplugins}--> <!--{loop $forum['threadplugin'] $tpid}--> <!--{if array_key_exists($tpid, $threadplugins) && @in_array($tpid, $allowthreadplugin)}--> <li class="popupmenu_option"{if $threadplugins[$tpid] } style="background-image:url($threadplugins[$tpid] )"{/if}><a href="post.php?action=newthread&fid=$fid&specialextra=$tpid">{$threadplugins[$tpid] }</a></li> <!--{/if}--> <!--{/loop}--> <!--{/if}--> <!--{if $forum['threadsorts'] && !$forum['allowspecialonly']}--> <!--{loop $forum['threadsorts']['types'] $id $threadsorts}--> <!--{if $forum['threadsorts']['show'][$id]}--> <li class="popupmenu_option"><a href="post.php?action=newthread&fid=$fid&extra=$extra&sortid=$id">$threadsorts</a></li> <!--{/if}--> <!--{/loop}--> <!--{loop $forum['typemodels'] $id $model}--> <li class="popupmenu_option"><a href="post.php?action=newthread&fid=$fid&extra=$extra&modelid=$id">$model </a></li> <!--{/loop}--> <!--{/if}--> </ul> <!--{/if}--> <ul class="popupmenu_popup headermenu_popup filter_popup" id="filtertype_menu" style="display: none;"> <li><a href="forumdisplay.php?fid=$fid">{lang forum_viewall}</a></li> <!--{if $showpoll}--><li {if $filter == 'poll'}class="active"{/if}><a href="forumdisplay.php?fid=$fid&filter=poll">{lang thread_poll}</a></li><!--{/if}--> <!--{if $showtrade}--><li {if $filter == 'trade'}class="active"{/if}><a href="forumdisplay.php?fid=$fid&filter=trade">{lang thread_trade}</a></li><!--{/if}--> <!--{if $showreward}--><li {if $filter == 'reward'}class="active"{/if}><a href="forumdisplay.php?fid=$fid&filter=reward">{lang thread_reward}</a></li><!--{/if}--> <!--{if $showactivity}--><li {if $filter == 'activity'}class="active"{/if}><a href="forumdisplay.php?fid=$fid&filter=activity">{lang thread_activity}</a></li><!--{/if}--> <!--{if $showdebate}--><li {if $filter == 'debate'}class="active"{/if}><a href="forumdisplay.php?fid=$fid&filter=debate">{lang thread_debate}</a></li><!--{/if}--> <!--{if $threadplugins}--> <!--{loop $forum['threadplugin'] $tpid}--> <!--{if array_key_exists($tpid, $threadplugins) && @in_array($tpid, $allowthreadplugin)}--> <li {if $filter == 'special' && $extraid == $tpid}class="active"{/if}><a href="forumdisplay.php?fid=$fid&filter=special&extraid=$tpid">{$threadplugins[$tpid] }</a></li> <!--{/if}--> <!--{/loop}--> <!--{/if}--> </ul> <!--{if $visitedforums}--> <ul class="popupmenu_popup" id="visitedforums_menu" style="display: none"> $visitedforums </ul> <!--{/if}--> <!--{if $forumjump}--> <div class="popupmenu_popup" id="fjump_menu" style="display: none"> $forummenu </div> <!--{/if}--> <!--{if $maxpage > 1}--> <script type="text/javascript">document.onkeyup = function(e){keyPageScroll(e, {if $page > 1}1{else}0{/if}, {if $page < $maxpage}1{else}0{/if}, 'forumdisplay.php?fid=$fid$forumdisplayadd', $page);}</script> <!--{/if}--> {subtemplate footer} 2、编辑forumdisplay模版在最上边加 <!--{if $fid==55}--> {template default_image_mode} <!--{else}--> 说明： 55 就是指定的板块id,请根据自己要开启的板块修改！ 3、在forumdisplay模版在最下边加 <!--{/if}--> 即可。 代码中涉及的图片请自行下载替换。 关于修改图片的大小修改width: 215px;即可。
2018-10-16
83941 阅读
28 评论
icode
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模板找到 <!--{if empty($gid) && $maxbdays &&$_DCACHE['birthdays_index']['todaysbdays']}--> 在上边加 <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
248972 阅读
50 评论
icode
上一页
1
2
3
4
下一页
/ 4 页
首页
板块
登录
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line