免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[教學] 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>
複製代碼

太棒了,期待已久的好東西,感恩唷

TOP

太棒了 希望ˇ會很好看

TOP

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

不用謝^^

TOP

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

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

TOP

返回列表