[转]Discuz! X2论坛首页 discuz.htm修改指南

论坛首页是大家经常需要改动的一个页面,下面我就给大家分析一下这个页面的结构。
这个页面的静态htm地址为./template/default/forum/discus.htm文件。
首先页面的头部为,引进默认的头部文件代码:<!–{subtemplate common/header}–>
下面为:

<div id=”pt”>
        <!–{if empty($gid) && $announcements}–>
        <div>
                <div id=”an”>
                        <dl>
                                <dt>{lang announcements}: </dt>
                                <dd>
                                        <div id=”anc”><ul id=”ancl”>$announcements</ul></div>
                                </dd>
                        </dl>
                </div>
                <script type=”text/javascript”>announcement();</script>
        </div>
        <!–{/if}–>
        <div>
                <a href=”./” title=”{lang homepage}”>$_G[setting][bbname]</a><em>»</em><a href=”forum.php”>{$_G[setting][navs][2][navname]}</a>$navigation
        </div>
</div>

 

这部分为论坛的公告和nav导航部分。其中公告部分为<divclass=”y”></div>中的代码,他做了右浮动,nav导航部分<div></div>中的一部分。
接下来便是这个页面的主题部分:<div id=”ct” />部分了。这个标签中涵盖了论坛首页的大部分内容。
下面我们就来具体的分析下这个标签中的内容,首先出现的代码片段为:

<!–{if empty($gid)}–>
                <div id=”chart”>
                        <p>{lang index_today}: <em>$todayposts</em><span>|</span>{lang index_yesterday}: <em>$postdata[0]</em><span>|</span>{lang index_posts}: <em>$posts</em><span>|</span>{lang index_members}: <em>$_G[‘cache’][‘userstats’][‘totalmembers’]</em><!–{if $_G[‘setting’][‘lastmember’]}–><span>|</span>{lang welcome_new_members}: <em><a href=”home.php?mod=space&username={echo rawurlencode($_G[‘setting’][‘lastmember’])}” target=”_blank”>$_G[‘setting’][‘lastmember’]</a></em><!–{/if}–></p>
                        <div>
                                <!–{if $_G[‘uid’]}–><a href=”home.php?mod=space&uid=$_G[‘uid’]&do=thread&view=me” title=”{lang my_posts}”>{lang my_posts}</a><!–{/if}–><!–{if !empty($_G[‘setting’][‘search’][‘forum’][‘status’])}–><!–{if $_G[‘uid’]}–><span>|</span><!–{/if}–><a href=”search.php?mod=forum&srchfrom=$newthreads&searchsubmit=yes” title=”{lang show_newthreads}”>{lang show_newthreads}</a><!–{/if}–>
                        </div>
                </div>
        <!–{/if}–>

这段代码的具体对应了页面中的:

1.png

 
有英文意思你就可以大体指导对应的页面元素了,当然你想作弊的话简单的修改下这里面的变量就可以了。
接下来就到了我们论坛最重要的部分了,版块类表展示区,这个区域的内容都包含在,
    <divclass=”mn”></div>的div标签中。
以下代码为论坛论坛热点,当后台开启后,此段代码便会显示

<!–{if !empty($_G[‘cache’][‘heats’][‘message’])}–>
                        <div>
                                <div>
                                        <h2>{lang hotthreads_forum}</h2>
                                </div>
                                <div>
                                        <div>
                                                <!–{loop $_G[‘cache’][‘heats’][‘message’] $data}–>
                                                        <dl>
                                                                <dt><!–{if $_G[‘adminid’] == 1}–><a href=”forum.php?mod=misc&action=removeindexheats&tid=$data[tid]”>delete</a><!–{/if}–>
                                                                <a href=”forum.php?mod=viewthread&tid=$data[tid]” target=”_blank”>$data[subject]</a></dt>
                                                                <dd>$data[message]</dd>
                                                        </dl>
                                                <!–{/loop}–>
                                        </div>
                                        <ul>
                                        <!–{loop $_G[‘cache’][‘heats’][‘subject’] $data}–>
                                                <li><!–{if $_G[‘adminid’] == 1}–><a href=”forum.php?mod=misc&action=removeindexheats&tid=$data[tid]”>delete</a><!–{/if}–>· <a href=”forum.php?mod=viewthread&tid=$data[tid]” target=”_blank”>$data[subject]</a></li>
                                        <!–{/loop}–>
                                        </ul>
                                </div>
                        </div>
                <!–{/if}–>

 

紧接着下面:<div>为具体的外框的开始

2.png

 
以下代码是蓝色底纹,版块标题,收缩框,版主展示区域的代码。

<div>
                                        <span>
                                                <img id=”category_$cat[fid]_img” src=”{IMGDIR}/$cat[collapseimg]” title=”{lang spread}” alt=”{lang spread}” />
                                        </span>
                                        <!–{if $cat[‘moderators’]}–><span>{lang forum_category_modedby}: $cat[moderators]</span><!–{/if}–>
                                        <!–{eval $caturl = !empty($cat[‘domain’]) && !empty($_G[‘setting’][‘domain’][‘root’][‘forum’]) ? ‘http://’.$cat[‘domain’].’.’.$_G[‘setting’][‘domain’][‘root’][‘forum’] : ”;}–>
                                        <h2><a href=”{if !empty($caturl)}$caturl{else}forum.php?gid=$cat[fid]{/if}” style=”{if $cat[extra][namecolor]}color: {$cat[extra][namecolor]};{/if}”>$cat[name]</a></h2>
                                </div>

以下代码为每个版块信息的具体位置代码:
<div id=”category_$cat[fid]”class=”bm_c” style=”$collapse[‘category_’.$cat[fid]]”></div>每个板块的具体信息是以table框架展示的,根据每行的展示个数,做了不同的展示方式。
这一段内容大体包含了,板块图标,版块名称,今日主题数,今日回复数,最后发表等等等的信息,有时候在做模板的时候经常需要对着些信息做些改动。那你就需要掌握基本的页面技术了。我这里只简单的说一下他们的默认结构为以下代码。

<dl{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style=”margin-left: {$forum[extra][iconwidth]}px;”{/if}>
                                                                        <dt><a href=”$forumurl”{if $forum[redirect]} target=”_blank”{/if}{if $forum[extra][namecolor]} style=”color: {$forum[extra][namecolor]};”{/if}>$forum[name]</a><!–{if $forum[todayposts] && !$forum[‘redirect’]}–><em title=”{lang forum_todayposts}”> ($forum[todayposts])</em><!–{/if}–></dt>
                                                                        <!–{if empty($forum[redirect])}–><dd><em>{lang forum_threads}: $forum[threads]</em>, <em>{lang forum_posts}: $forum[posts]</em></dd><!–{/if}–>
                                                                        <dd>
                                                                        <!–{if $forum[‘permission’] == 1}–>
                                                                                {lang private_forum}
                                                                        <!–{else}–>
                                                                                <!–{if $forum[‘redirect’]}–>
                                                                                        <a href=”$forumurl”>{lang url_link}</a>
                                                                                <!–{elseif is_array($forum[‘lastpost’])}–>
                                                                                        <!–{if $cat[‘forumcolumns’] < 3}–>
                                                                                                <a href=”forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost”><!–{echo cutstr($forum[lastpost][subject], 30)}–></a> <cite>$forum[lastpost][dateline] <!–{if $forum[‘lastpost’][‘author’]}–>$forum[‘lastpost’][‘author’]<!–{else}–>$_G[setting][anonymoustext]<!–{/if}–></cite>
                                                                                        <!–{else}–>
                                                                                                <a href=”forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost”>{lang forum_lastpost}: $forum[lastpost][dateline]</a>
                                                                                        <!–{/if}–>
                                                                                <!–{else}–>
                                                                                        {lang never}
                                                                                <!–{/if}–>
                                                                        <!–{/if}–>
                                                                        </dd>
                                                                </dl>

接下来便是在线人数和友情链接展示的区域代码:
<div id=”online”></div>,<divclass=”bm lk”></div>
这两段代码我们一般不需要修改来我这里就不具体讲解了。
接下来就是侧边栏了。
<div id=”sd”></div>当我们开启侧边栏的时候他就会显示了。经常有人希望在侧边栏加些东西,这是我们就可以在这个标签底部加一段diy的标签,这样我们就可以diy一些自己想要的东西了。
以上就是这个文件的具体分析,希望对大家能有所帮助!

您可能还喜欢...