霸气网游公会

 找回密码
 加入霸气
查看: 260|回复: 0

横排美化全代码

[复制链接]
发表于 2009-6-6 19:32:06 | |阅读模式

欢迎加入霸气网游公会社区,马上注册,享用更多功能。

您需要 登录 才可以下载或查看,没有账号?加入霸气

x
所修改文件为:templates\default\discuz.htm
或者你所使用的风格文件templates\*****\discuz.htm

一、首先我们了解一下竖排所涉及的内容
(说明竖排,只是为了让大家进一步了解怎样在横排中添加自己需要的美化,如果了解请跳过)

竖排部分,我们将它分为三部分,所涉及的内容为
左边:版块图标,名称跟后面的今日发帖数,简介,子版块显示,版主
中间:主题数及帖子数
右边:最后发表标题,作者及时间

  1. <th$forum[folder]>
  2.                                                                 $forum[icon]
  3.                                                                 <div class="left">
  4.                                                                 <h2><a href="forumdisplay.php?fid=$forum[fid]" {if $forum[redirect]}target="_blank"{/if}>$forum[name]</a><!--{if $forum[todayposts] && !$forum['redirect']}--><em> ({lang index_today}: <strong>$forum[todayposts]</strong>)</em><!--{/if}--></h2>
  5.                                                                 <!--{if $forum[description]}--><p>$forum[description]</p><!--{/if}-->
  6.                                                                 <!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->
  7.                                                                 <!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p>{lang forum_moderators}: $forum[moderators]</p><!--{else}--><span class="dropmenu" id="mod$forum[fid]" onmouseover="showMenu(this.id)">{lang forum_moderators}</span><ul class="moderators popupmenu_popup" id="mod$forum[fid]_menu" style="display: none">$forum[moderators]</ul><!--{/if}--><!--{/if}-->
  8.                                                                 </div>
  9.                                                         </th>
复制代码


需要了解的内容:
$forum[icon]为版块图标,<h2>至</h2>为版块名称跟今日发帖数,
<!--{if $forum[description]}--><p>$forum[description]</p><!--{/if}-->为版块简介,
<!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->为子版块,
最下面的到</div>以上为版主列表。其中<p></p>为上下换行。

中间部分的代码:
  1. <td class="forumnums">
  2. <!--{if $forum['redirect']}-->N/A<!--{else}--><em>$forum[threads]</em> / $forum[posts]<!--{/if}-->
  3. </td>
复制代码

需要了解的内容:
<td></td>为左右换行,$forum[threads]为主题调用标签,$forum[posts]为帖数调用标签

右边部分的代码:

  1. <td class="forumlast">
  2. <!--{if $forum['permission'] == 1}-->
  3. {lang private_forum}
  4. <!--{else}-->
  5. <!--{if $forum['redirect']}-->
  6. <a href="forumdisplay.php?fid=$forum[fid]">{lang url_link}</a>
  7. <!--{elseif is_array($forum['lastpost'])}-->
  8. <p><a href="redirect.php?tid=$forum[lastpost][tid]&goto=lastpost#lastpost">{echo cutstr($forum[lastpost][subject], 30)}</a></p>
  9. <cite><!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->{lang anonymous}<!--{/if}--> - $forum[lastpost][dateline]</cite>
  10. <!--{else}-->
  11. {lang never}
  12. <!--{/if}-->
  13. <!--{/if}-->
  14. </td>
复制代码

需要了解的内容:

<p><a href="redirect.php?tid=$forum[lastpost][tid]&goto=lastpost#lastpost">{echo cutstr($forum[lastpost][subject], 30)}</a></p>
这个是主题标题显示内容,上面两个为私密版块及链接外部地址,可以不要管它。

<cite><!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->{lang anonymous}<!--{/if}--> - $forum[lastpost][dateline]</cite>
前面为发表作者,如果你细心的话就可以发觉- 后面的为最后回复时间

当了解了以上内容,那么我们再来看横排代码,修改起来就容易多了。
横排部分代码:
  1. <h2><a href="forumdisplay.php?fid=$forum[fid]" {if $forum[redirect]}target="_blank"{/if}>$forum[name]</a><!--{if $forum[todayposts]}--><em> ({lang index_today}: <strong>$forum[todayposts]</strong>)</em><!--{/if}--></h2>
  2. <!--{if !$forum[redirect]}-->
  3. <p>{lang forum_threads}: $forum[threads], {lang forum_posts}: $forum[posts]</p>
  4. <!--{if $forum['permission'] == 1}-->
  5. <p>{lang private_forum}
  6. <!--{else}-->
  7. <p>{lang forum_lastpost}:
  8. <!--{if is_array($forum['lastpost'])}-->
  9. <a href="redirect.php?tid=$forum[lastpost][tid]&goto=lastpost#lastpost" title="{echo cutstr($forum[lastpost][subject], 30)} {lang forum_lastpost_by} {if $forum['lastpost']['author']}$forum['lastpost']['authorusername']{else}{lang anonymous}{/if} ">$forum[lastpost][dateline]</a>
  10. <!--{else}-->
  11. {lang never}
  12. <!--{/if}-->
  13. </p>
  14. <!--{/if}-->
  15. <!--{else}-->
  16. <p>{lang url_link}</p>
  17. <!--{/if}-->
复制代码


代码分析:
<h2>至</h2>部分,与竖排一样同为版块名称及后面的今日帖数。
<p>{lang forum_threads}: $forum[threads], {lang forum_posts}: $forum[posts]</p>为主题数及帖子数
<p>{lang forum_lastpost}:至<p>结束为最后发表时间。

二、了解了竖排和横排的相关代码,因为是通用的,你只需将竖排所提到中需要代码加到横排中,
现在我们就可以根据个人需要对其进行任意修改。

(值得注意的一点是,代码中加入了外部链接标签,因此一旦像官方这样设置外部链接,
除版块名称之外,其它内容不显示,要显示需在</h2>后面添加)

将主题数及帖子数加到今日发帖数后面:
删除:

  1. <p>{lang forum_threads}: $forum[threads], {lang forum_posts}: $forum[posts]</p>
复制代码

在 )</em>前面添加

  1. ,{lang forum_threads}: $forum[threads], {lang forum_posts}: $forum[posts]
复制代码

将今日帖数放到主题数前面:
删除:

  1. <!--{if $forum[todayposts]}--><em> ({lang index_today}: <strong>$forum[todayposts]</strong>)</em><!--{/if}-->
复制代码

在上面的<p>{lang forum_threads}: $forum[threads],前面添加

  1. {lang index_today}: <strong>$forum[todayposts]</strong>
复制代码

主题数及帖子数上面添加或者替换为简介(将竖排的复制下来粘帖):

  1. <p>{lang forum_threads}: $forum[threads], {lang forum_posts}: $forum[posts]</p>
复制代码

上面添加或者删除替换

  1. <!--{if $forum[description]}--><p>$forum[description]</p><!--{/if}-->
复制代码

(这里要注意一点,由于横排的设置多少会造成宽度限制,简介一旦过长会造成分行现象,
从而影响了版块的整洁,我们可以给简介显示字符限制一下,
$forum[description]改为{echo cutstr($forum[description], 46)} 46即为显示字符数)

如果想显示子版块,下面再添加:

  1. <!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->
复制代码

显示版主,添加:

  1. <!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p>{lang forum_moderators}: $forum[moderators]</p><!--{else}--><span class="dropmenu" id="mod$forum[fid]">{lang forum_moderators}</span><ul class="moderators popupmenu_popup" id="mod$forum[fid]_menu" style="display: none">$forum[moderators]</ul><!--{/if}--><!--{/if}-->
复制代码

将主题标题加到横排中:

  1. <p><a href="redirect.php?tid=$forum[lastpost][tid]&goto=lastpost#lastpost">{echo cutstr($forum[lastpost][subject], 30)}</a></p>
复制代码

想显示作者就再将<cite>至</cite>部分添加进去

只保留版块名称及今日帖数:
</h2>以下代码全部删除

如果按以上方法设置,那横排显示的内容岂不太多了,别急,嘿嘿~~
因为上面我已经提到<td></td>为左右换行,修改起来也就简单多了。

怎么添加版块图标:

  1. <th width="$cat[forumcolwidth]"{$forum[folder]}>
复制代码

后面添加

  1. <a href="forumdisplay.php?fid=$forum[fid]">{$forum[icon]}</a>
复制代码

在前面感觉不好看,让它显示在右边:
<p>{lang url_link}</p><!--{/if}-->
后面加

  1. <td><a href="forumdisplay.php?fid=$forum[fid]">{$forum[icon]}</a></td>
复制代码

怎样将今日帖数及主题数帖子数移至右边(标题作者等等,方法同上)
在后面加

  1. <td>{lang index_today}: <strong>$forum[todayposts]</strong>
  2. <p>{lang forum_threads}: $forum[threads]</p>
  3. <p>{lang forum_posts}: $forum[posts]</p></td>
复制代码

Archiver|手机版|小黑屋|霸气网游公会 ( 蜀ICP备18016790号-3 )

GMT+8, 2024-12-22 12:50 , Processed in 0.067776 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表