[教學] Discuz!X2 仿制品~有回覆才有帖的動力！

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

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

转载请注明出处!

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

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

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

步骤图:

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

现在讲安装步骤.

第一步: "添加" -- "模块脚本" -- "自由代码"

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

步骤图:

代码:

<div id="adcode" class="s_clear">
<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>
<div class="n_ad s_clear">
<ul class="nad_o left s_clear">
<li><strong>论坛/自由布局双模式开启</strong></li>
<li>选择我喜欢的模式浏览</li>
<li><a href="/index.php?styleid=1" title="论坛模式">Discuz X2 论坛模式</a> - <a href="/index.php?styleid=6" title="自由布局模式">自由布局模式</a></li>
</ul>
<ul class="nad_t left s_clear">
<li><strong>第五维度关注领地,关注着你!</strong></li>
<li>每一次看到你的需求,我们就开始了代码的编写</li>
<li><a href="/index.php?styleid=1" title="我想要的风格">我想要的风格!!!</a> - <a href="/index.php?styleid=6" title="自由布局模式">给Adcode提意见</a></li>
</ul>
<ul class="nad_tr left s_clear">
<li><strong>DiscuzX2主机500M 159元</strong></li>
<li>完美体验最新X2系统,互动更出色.</li>
<li><a href="http://www.5weidu.com" title="我想要的风格">Discuz X2主机</a> - <a href="/index.php?styleid=6" title="自由布局">自由布局</a></li>
</ul>
</div>
<div class="s_clear src">
<form id="hatsearchform" name="hatsearchform" action="search.php?searchsubmit=yes" method="post">
<span class="s_o"></span>
<span class="s_t"><input id="hsinput" class="innertxt" onfocus="this.select()" maxlength="12" size="50" name="srchtxt" />
</span>
<span class="s_tr"><em>帖子</em></span>
<span class="s_f">
<button class="innerbut" name="searchsubmit" type="submit">搜索</button>
</span>
<span class="s_fi">
<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>
</form>
</div>
<div class="znav"><span id="zznav" class="left"></span><span class="left" style="margin-left:8px;"><div id="txWB_W1"></div></span></div>
</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>
<script type="text/javascript">$('ad_text').innerHTML=$('adcode').innerHTML;$('zznav').innerHTML=$('nav').innerHTML;</script>

複製代碼

第二步: 添加 "会员排行"

複製代碼

设置:

代码:

<div id="d_new"><span class="pipe">|</span> 欢迎新会员:<span class="lightlink">{member}</span></div>
<script language="JavaScript">
var redh=document.getElementsByTagName("p");
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;}}
</script>

複製代碼

第三步: 添加 "论坛统计"

步骤图:

代码:

<div id="d_bank">[node]<span class="pipe">|</span> {name}<em>{value}</em>[/node]</div>

複製代碼

到此,边栏数据调用添加完毕.

第四步:设置"边栏方案"

首先开启"全局"边栏:

步骤图:

设置一个新的"首页" 边栏方案:

如图: 命名为: Discuz!X2

步骤图:

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

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

步骤图:

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

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

基础风格:默认风格

配色表下载:

第五维度仿Discuz!X2风格.rar (62.52 KB)

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

<div id="txWB_W1"></div>
</span></div>
</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>

複製代碼