免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [教學] Discuz!X2 仿制品~有回覆才有帖的動力! [打印本頁]

作者: yuyinfai    時間: 2011-12-30 15:02     標題: Discuz!X2 仿制品~有回覆才有帖的動力!

本帖最後由 yuyinfai 於 2011-12-30 15:06 編輯

更多代碼:
請到:
http://kyc3b.weclub.info/index.php

    转载请注明出处!



说明: 本风格需要开启边栏,设置三个边栏模块.

其中1个自由代码.1个会员排行,1个论坛统计,

这些都在后台 工具 -- 数据调用 中 添加.

步骤图:
2.jpg
如果你对本教程中提及的任意名词不能理解,请自行查询,本人不解释任何基础设置问题.

现在讲安装步骤.
第一步:  "添加" -- "模块脚本" -- "自由代码"


将下方代码复制到代码框,同时设置 "用于边栏" 选择 "是"

步骤图:
3.jpg
4.jpg



代码:
  1. <div id="adcode" class="s_clear">
  2. <div class="qqqun" style="position:absolute;top:-30px;right:5px;_top:-28px;"><a href="http://qun.qq.com/#jointhegroup/gid/167452348" title="加入5D6D站长群" target="_blank"><img src="http://oo.a.5d6d.com/userdirs/8/2/no5/attachments/month_1106/11061315409db0559538dbb204.png" alt="加入5D6D站长群" /></a></div>
  3. <div class="n_ad s_clear">
  4. <ul class="nad_o left s_clear">
  5. <li><strong>论坛/自由布局双模式开启</strong></li>
  6. <li>选择我喜欢的模式浏览</li>
  7. <li><a href="/index.php?styleid=1" title="论坛模式">Discuz X2 论坛模式</a> - <a href="/index.php?styleid=6" title="自由布局模式">自由布局模式</a></li>
  8. </ul>
  9. <ul class="nad_t left s_clear">
  10. <li><strong>第五维度关注领地,关注着你!</strong></li>
  11. <li>每一次看到你的需求,我们就开始了代码的编写</li>
  12. <li><a href="/index.php?styleid=1" title="我想要的风格">我想要的风格!!!</a> - <a href="/index.php?styleid=6" title="自由布局模式">给Adcode提意见</a></li>
  13. </ul>
  14. <ul class="nad_tr left s_clear">
  15. <li><strong>DiscuzX2主机500M 159元</strong></li>
  16. <li>完美体验最新X2系统,互动更出色.</li>
  17. <li><a href="http://www.5weidu.com" title="我想要的风格">Discuz X2主机</a> - <a href="/index.php?styleid=6" title="自由布局">自由布局</a></li>
  18. </ul>
  19. </div>
  20. <div class="s_clear src">
  21. <form id="hatsearchform" name="hatsearchform" action="search.php?searchsubmit=yes" method="post">
  22. <span class="s_o"></span>
  23. <span class="s_t"><input id="hsinput" class="innertxt" onfocus="this.select()" maxlength="12" size="50" name="srchtxt" />
  24. </span>
  25. <span class="s_tr"><em>帖子</em></span>
  26. <span class="s_f">
  27. <button class="innerbut"  name="searchsubmit" type="submit">搜索</button>
  28. </span>
  29. <span class="s_fi">
  30. <a class="innerlink" href="search.php?notgoogle=1"><strong>热搜:</strong></a> <a href="http://no5.5d6d.com/bbs.php" >5D6D</a> <a href="http://no5.5d6d.com/bbs.php" >5D6D风格</a> <a href="http://no5.5d6d.com/bbs.php" >自由布局</a></span>
  31. </form>
  32. </div>

  33. <div class="znav"><span  id="zznav" class="left"></span><span class="left" style="margin-left:8px;"><div id="txWB_W1"></div></span></div>
  34. </div><script type="text/javascript">var tencent_wb_name = "adcode";var tencent_wb_sign = "052842d99d87ed3ef1f5eb54b00a54a5365da52f";var tencent_wb_style = "3";</script><script type="text/javascript" src="http://v.t.qq.com/follow/widget.js" charset="utf-8"/></script>
  35. <script type="text/javascript">$('ad_text').innerHTML=$('adcode').innerHTML;$('zznav').innerHTML=$('nav').innerHTML;</script>
複製代碼
  1. 第二步: 添加 "会员排行"
複製代碼
设置:
5.jpg
6.jpg
代码:
  1.     <div id="d_new"><span class="pipe">|</span> 欢迎新会员:<span class="lightlink">{member}</span></div>

  2.     <script language="JavaScript">
  3.     var redh=document.getElementsByTagName("p");
  4.     for (i=0;i<redh.length;i++) {if (redh[i].className == "right forumcount"){redh[i].innerHTML = redh[i].innerHTML.replace (/,/g,"<span class=pipe>|</span>") +$('d_bank').innerHTML+ $('d_new').innerHTML;}}
  5.     </script>
複製代碼
第三步: 添加 "论坛统计"

7.jpg
8.jpg
步骤图:
9.jpg
代码:
  1. <div id="d_bank">[node]<span class="pipe">|</span> {name}<em>{value}</em>[/node]</div>
複製代碼
到此,边栏数据调用添加完毕.
第四步:设置"边栏方案"

首先开启"全局"边栏:

步骤图:
10.jpg
设置一个新的"首页" 边栏方案:

如图: 命名为: Discuz!X2

步骤图:
11.jpg

请注意: 最后的排列顺序也要一样.

下一步设置"主题列表页"边栏方案.

步骤图:
12.jpg

注意:这里只需要选择上面"首页"新建的边栏方案即可.

最后一步:按照配色表中的设置,每一项挨个复制到你的风格中.

基础风格:默认风格

配色表下载:
第五维度仿Discuz!X2风格.rar (62.52 KB)

微博修改:  自由代码中底部下方代码为微博,对照替换为自己的.注意微博代码需要修改,请仔细对照下方代码进行修改.申请地址 open.t.qq.com
  1.     <div id="txWB_W1"></div>

  2.     </span></div>
  3.     </div>

  4.     <script type="text/javascript">var tencent_wb_name = "adcode";var tencent_wb_sign = "052842d99d87ed3ef1f5eb54b00a54a5365da52f";var tencent_wb_style = "3";</script><script type="text/javascript" src="http://v.t.qq.com/follow/widget.js" charset="utf-8"/></script>
複製代碼


圖片附件: 2.jpg (2011-12-30 14:54, 50.81 KB) / 下載次數 1590
http://funbbs.me/discuz/attachment.php?aid=1758&k=4230a3c19370a69c22474f38933582b9&t=1732372567&sid=waUpM5



圖片附件: 3.jpg (2011-12-30 14:54, 74.74 KB) / 下載次數 1560
http://funbbs.me/discuz/attachment.php?aid=1759&k=45f8b1aaeed2af2cd4cdb577e7fbc70c&t=1732372567&sid=waUpM5



圖片附件: 4.jpg (2011-12-30 14:54, 55.57 KB) / 下載次數 1594
http://funbbs.me/discuz/attachment.php?aid=1760&k=6aef385f7453de145c6b20472f139ecf&t=1732372567&sid=waUpM5



圖片附件: 5.jpg (2011-12-30 14:54, 42.34 KB) / 下載次數 1565
http://funbbs.me/discuz/attachment.php?aid=1761&k=8c7b0b38e537ecb098fe98ef713ba33f&t=1732372567&sid=waUpM5



圖片附件: 6.jpg (2011-12-30 14:54, 48.11 KB) / 下載次數 1660
http://funbbs.me/discuz/attachment.php?aid=1762&k=b9bd100795255e946c09f0ecef998fd6&t=1732372567&sid=waUpM5



圖片附件: 7.jpg (2011-12-30 14:54, 49.11 KB) / 下載次數 1592
http://funbbs.me/discuz/attachment.php?aid=1763&k=5efc8b0eb6c5a4e4e4760c9f21ee1a14&t=1732372567&sid=waUpM5



圖片附件: 8.jpg (2011-12-30 14:54, 38.7 KB) / 下載次數 1574
http://funbbs.me/discuz/attachment.php?aid=1764&k=2dd43089a3ec9d8d3563f5ef70a79868&t=1732372567&sid=waUpM5



圖片附件: 9.jpg (2011-12-30 14:54, 36.43 KB) / 下載次數 1626
http://funbbs.me/discuz/attachment.php?aid=1765&k=5799250be2ceddae8421cfaeac0d4a0f&t=1732372567&sid=waUpM5



圖片附件: 10.jpg (2011-12-30 14:54, 39.15 KB) / 下載次數 1591
http://funbbs.me/discuz/attachment.php?aid=1766&k=06b23c0457c40d40e85b3ee276a5d83b&t=1732372567&sid=waUpM5



圖片附件: 11.jpg (2011-12-30 14:54, 90.43 KB) / 下載次數 1554
http://funbbs.me/discuz/attachment.php?aid=1767&k=0662326109a00d0769604bff3453aa85&t=1732372567&sid=waUpM5



圖片附件: 12.jpg (2011-12-30 14:54, 86.73 KB) / 下載次數 1532
http://funbbs.me/discuz/attachment.php?aid=1768&k=f86eaebe6e40511762ccc21a2325c870&t=1732372567&sid=waUpM5



附件: 第五维度仿Discuz!X2风格.rar (2011-12-30 15:02, 62.52 KB) / 下載次數 1450
http://funbbs.me/discuz/attachment.php?aid=1802&k=d7d72b73bf77dfacd006bad9e4930a91&t=1732372567&sid=waUpM5
作者: superman1024    時間: 2011-12-30 16:32

太棒了,期待已久的好東西,感恩唷
作者: ii6956    時間: 2011-12-31 03:27

太棒了 希望ˇ會很好看
作者: yuyinfai    時間: 2012-1-1 11:29

太棒了,期待已久的好東西,感恩唷
superman1024 發表於 2011-12-30 16:32

不用謝^^
作者: yuyinfai    時間: 2012-1-1 11:29

太棒了 希望ˇ會很好看
ii6956 發表於 2011-12-31 03:27

本來有預覽圖的,可是太大,放不上來~




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