- 積分
- 313
- 威望
- 313
- 金錢
- 291
- 最後登錄
- 2017-4-11
|
[教學] 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>
複製代碼 |
|