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

標題: [分享] 首页主题贴子调用N格代码(6格演示) [打印本頁]
作者: Xclub    時間: 2011-5-17 13:59     標題: 首页主题贴子调用N格代码(6格演示)


代码是从官方论坛找来的，闲话不多说，进行操作：

1.后台--数据调用--添加论坛统计，例子中添加的是论坛详情，你们随便，只是个引子，这是显示在调用下面的那排数据。就相当于首页调用-文字版下面的那TOP10排行。
  1. <script>var Index_js_member="[node]{name}<em><FONT color=#0096CE>[{value}]</FONT></em> [/node]"</script> <script>var Index=document.getElementsByTagName("div");for(i=0;i<Index.length;i++){if(Index[i].className=="mainbox list"){if(Index[i].innerHTML.search("最新图片")!="-1"){Index[i].innerHTML=Index_top;$("pic").innerHTML='<embed src="http://images.5d6d.net/dz7/extend/index_threads/focus.swf" wmode="opaque" FlashVars="config='+config+'&bcastr_flie='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="280" height="198" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';$("clubzone_Index_author").title="[首页N格调用]";}}};if(Index_js_member==""){$("Index_clubzone_5").innerHTML=""}else{$("Index_clubzone_5").innerHTML=Index_js_member};</script>
複製代碼
说明：图片显示宽度根据看着顺眼的宽高来改，如果不改为280px；后面的一栏会变的很窄，大约调成198px以上为好。调节位置在代码中width="280px".
以下在设置时标题字数不用限制，因为是用百分比宽度控制的，在不同分辩率下自适应宽度.


2.后台--数据调用--添加主题列表，名字：首页调用_最新主题(下面有各项可选择的内容设置，将“显示数据条数”：设置为10；“显示主题的高亮特性:”选择是；“主题排序方式:” 按最后发帖数倒序排序；)其他默认即可。
  1. <style>hr.shadowline{display:none}</style><div id="Index_js_New" style="display:none">[node]<div style="overflow: hidden;height: 20px;width: 100%;">{subject}<span title="
  2. 发表: {author_nolink} ({dateline})
  3. 浏览: {views}次" style="display:none">版块: {forum}</span><span title="回复: {lastposter_nolink} ({lastpost})
  4. 回复: {replies}次" style="display:none">标题: {subject_nolink}</span></div>[/node]</div><script>QInd($("Index_clubzone_0"),$("Index_js_New"));</script>
複製代碼
3.后台--数据调用--添加主题列表，名字：首页调用_最新回复(将“显示数据条数”：设置为10；“显示主题的高亮特性:”选择是；“主题排序方式”： 按最后回复倒序排序 ，其他默认。)
  1. <style>hr.shadowline{display:none}</style><div id="Index_js_Reply" style="display:none">[node]<div style="overflow: hidden;height: 20px;width: 100%;">{subject}<span title="
  2. 发表: {author_nolink} ({dateline})
  3. 浏览: {views}次" style="display:none">版块: {forum}</span><span title="回复: {lastposter_nolink} ({lastpost})
  4. 回复: {replies}次" style="display:none">标题: {subject_nolink}</span></div>[/node]</div><script>QInd($("Index_clubzone_1"),$("Index_js_Reply"));</script>
複製代碼
4. 后台--数据调用--添加主题列表，名字：首页调用_本周热门 (将显示数据条数设置为10，高亮显示选是；排序方式：按本周浏览次数倒序排序，其他默认。)
  1. <style>hr.shadowline{display:none}</style><div id="Index_js_Hot" style="display:none">[node]<div style="overflow: hidden;height: 20px;width: 100%;">{subject}<span title="
  2. 发表: {author_nolink} ({dateline})
  3. 浏览: {views}次" style="display:none">版块: {forum}</span><span title="回复: {lastposter_nolink} ({lastpost})
  4. 回复: {replies}次" style="display:none">标题: {subject_nolink}</span></div>[/node]</div><script>QInd($("Index_clubzone_2"),$("Index_js_Hot"));</script>
複製代碼
5.后台--数据调用--添加主题列表，名字：首页调用_最新精华(显示数据条数：10；显示高亮特性，勾选精华贴过滤1 2 3)其他默认。
  1. <style>hr.shadowline{display:none}</style><div id="Index_js_jh" style="display:none">[node]<div style="overflow: hidden;height: 20px;width: 100%;">{subject}<span title="
  2. 发表: {author_nolink} ({dateline})
  3. 浏览: {views}次" style="display:none">版块: {forum}</span><span title="回复: {lastposter_nolink} ({lastpost})
  4. 回复: {replies}次" style="display:none">标题: {subject_nolink}</span></div>[/node]</div><script>QInd($("Index_clubzone_3"),$("Index_js_jh"));</script>
複製代碼
6. 后台--数据调用--添加会员排行，名字：首页调用_每日发帖排行。(显示数据10，按发帖数倒序排序 )
  1. <style>hr.shadowline{display:none}</style><div id="Index_js_jr" style="display:none">[node]<div style="overflow: hidden;height: 20px;width: 100%;">{member}  [{value}]<span title="
  2. 论坛有你更精彩
  3. 你今天发了: {value}贴" style="display:none">UID: {uid}</span><span title="谢谢你的努力
  4. 其它: 没啥好显示的" style="display:none">恭喜你榜上有名: </span></div>[/node]</div><script>QInd($("Index_clubzone_4"),$("Index_js_jr"));</script>
複製代碼
7. 后台--广告--友情链接--文字说明处添加如下代码：
其中前面一段，<style></style>中是隐藏边栏的代码。不需要可以去掉。
注意：请直接复制到你的论坛友情链接处。不要放到写字板或者记事本，因为他们的自动换行会让代码中产生中断，导致代码不能正常运行。
  1. <style>.main{width:100% !important;margin-left:-0px !important;}.content{margin-left:0px !important}#sidebar,#sidebar_img{display:none !important;}</style><script>var clubzone_img_n='http://images.5d6d.net/cusimg/52/440549/CGSmpbys/sd.gif';var clubzone_img_l='http://images.5d6d.net/cusimg/52/440549/CGSmpbys/sd1.gif';var Index_top='<table cellspacing="0" cellpadding="0" style="border-top:0px !important"><thead><tr> <td align="center" style="padding:0 1px 0 0;height:10px !important;"><h3> 最新贴图 </h3></td><td align="center" style="padding:0;height:10px !important;"> <h3> 最新帖子 </h3></td><td align="center" style="padding:0 1px 0 1px;height:10px !important;"> <h3> 最新回复 </h3></td><td align="center" style="padding:0;height:10px !important;"> <h3> 本周热贴 </h3></td><td align="center" style="padding:0 1px 0 1px;height:10px !important;"> <h3 id="clubzone_Index_author"> 最新精华 </h3></td><td align="center" style="padding:0 1px 0 1px;height:10px !important;"> <h3 id="clubzone_Index_author"> 今日发帖 </h3></td><td align="center" style="padding:0 1px 0 1px;height:10px !important;"> </td></tr></thead><tr><td width="20%" id="pic"></td><td width="16%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="24" style="padding:0;border-top:0px;"><img src="'+clubzone_img_n+'" border="0" /></td><td background="'+clubzone_img_l+'" style="line-height:20px;padding:0;border-top:0px;background-repeat: repeat" width="100%" id="Index_clubzone_0"></td></tr></table></td><td width="16%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="24" style="padding:0;border-top:0px;"><img src="'+clubzone_img_n+'" border="0" /></td><td background="'+clubzone_img_l+'" style="line-height:20px;padding:0;border-top:0px;background-repeat: repeat" width="100%" id="Index_clubzone_1"></td></tr></table></td><td width="16%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="24" style="padding:0;border-top:0px;"><img src="'+clubzone_img_n+'" border="0" /></td><td background="'+clubzone_img_l+'" style="line-height:20px;padding:0;border-top:0px;background-repeat: repeat" width="100%" id="Index_clubzone_2"></td></tr></table></td><td width="16%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="24" style="padding:0;border-top:0px;"><img src="'+clubzone_img_n+'" border="0" /></td><td background="'+clubzone_img_l+'" style="line-height:20px;padding:0;border-top:0px;background-repeat: repeat" width="100%" id="Index_clubzone_3"></td></tr></table></td><td width="12%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="24" style="padding:0;border-top:0px;"><img src="'+clubzone_img_n+'" border="0" /></td><td background="'+clubzone_img_l+'" style="line-height:20px;padding:0;border-top:0px;background-repeat: repeat" width="100%" id="Index_clubzone_4"></td></tr></table></td></tr></table><table cellspacing="2" cellpadding="2" id="clubzone_Index_Star"><tr><td width="100%" style="height:8px !important;"> <A title=如颖随行说，想放什么放什么！ target=_blank><FONT color=#ff0000><STRONG>论坛的这个那个统计数字，演示下下，随便吧</STRONG></FONT></A> &nbsp;<span id="Index_clubzone_5">Loading...</span></td></tr></table>';function QInd(InxId,InxJs){if(InxId!=null){InxId.innerHTML=InxJs.innerHTML;for(x=0;x<11;x++){var yjyj=InxJs.getElementsByTagName("div")[x].getElementsByTagName;if(yjyj("span")[1].innerText.length>=24){asd=yjyj("span")[1].innerText.substring(0,22)+"..."}else{asd=yjyj("span")[1].innerText}if(yjyj("span")[1].title.search("回复: 0次")!="-1"){yjyj("a")[0].title=yjyj("span")[0].innerText+"\n"+asd+yjyj("span")[0].title+"\n回复: [ 暂无回复~快抢沙发 ]\n回复: 0次";InxId.innerHTML=InxJs.innerHTML;}else{yjyj("a")[0].title=yjyj("span")[0].innerText+"\n"+asd+yjyj("span")[0].title+"\n"+yjyj("span")[1].title;InxId.innerHTML=InxJs.innerHTML;}}};};</script>
複製代碼
8. 最最最
支持的就请回个帖吧!



歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://sclub.com.tw/discuz/) Powered by Discuz! 7.2