蓝忧无泪 发表于 2012-3-9 03:44:53

DZX2.0首页版块横排竖排简洁美化[总结]

主要是根据论坛上一些朋友的修改进行了总结和加入了我个人的一些细节修改,效果如图:




1、横排 增加了最新发贴标题和用户名版块介绍 版主(我个人不增加);
2、重新设置了各项的位置 修改了颜色;
3、为了美观标题字数一定 个别长标题会看不全 所以我个人加入了一个 “title” 标签 鼠标放在标题上会显示全称标题;
4、对各项内容的代码我作了标记 方便新手自行修改 比如我不在横排显示的版主 子版等;
5、提供官方默认基础上添加的懒人版,如果你的discuz.htm未作过其他修改,可以直接覆盖。



1、备份并手动修改/template/default/forum/discuz.htm:


103行左右找到:

<a href="$forumurl"{if $forum} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum}_new{/if}.gif" alt="$forum" /></a>
      <!--{/if}-->
      </div>



上面代码下一行,应该是106行。删除106行至156行(包括106与156行)的代码。



2、在删除的位置用如下代码替代:


<!--//下面是横排版块美化//-->      
      
            <dl{if !empty($forum) && !empty($forum)} style="margin-left:{$forum}px;"{/if}>
<dd><a href="$forumurl"{if $forum} target="_blank"{/if}{if $forum} style="color: {$forum};"{/if}><b>$forum</b></a>{lang forum_threads}: <font color="#00CCFF">$forum</font> {lang forum_posts}: <font color="#99CC00">$forum</font> <!--版块名称-->            
<!--{if $forum && !$forum['redirect']}--> <font color="#FF3399">New:$forum</font><!--{/if}--></dd><!--今天贴数-->
<dd class="xg2">$forum</dd><!--版块简介-->
      
                                  <dd>
<!--{if $forum['redirect']}-->
<a href="$forumurl" class="xi2">{lang url_link}</a>
<!--{elseif is_array($forum['lastpost'])}-->
<dd><!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author'] <!--{else}-->{lang anonymous}<!--{/if}-->:<a href="forum.php?mod=redirect&tid=$forum&goto=lastpost#lastpost" class="xi2" title="<!--{echo cutstr($forum, 50)}-->"><!--{echo cutstr($forum, 25)}--></a></dd>    <!--最后发贴用户、标题-->
<dd><!--{if $forum['lastpost']['author']}-->$forum<!--{else}-->{lang anonymous}<!--{/if}--></dd> <!--时间-->
<!--{else}-->
暂无主题, <a href="forum.php?mod=post&action=newthread&fid=$forum">抢先发表</a>!
<!--{/if}-->

<!--//上面横排版块美化//以下未作修改-->
         </dd>
      </dl>
       </td>
      <!--{else}-->
       <td class="fl_icn" {if !empty($forum) && !empty($forum)} style="width: {$forum}px;"{/if}>
      <!--{if $forum}-->
         $forum
      <!--{else}-->
         <a href="$forumurl"{if $forum} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum}_new{/if}.gif" alt="$forum" /></a>
      <!--{/if}-->
       </td>
      
      
      
<!--//下面是竖排版块美化|以上未作修改//-->      
      
<td>
<h2>
<a href="$forumurl"{if $forum} target="_blank"{/if}{if $forum} style="color: {$forum};"{/if}>$forum</a> <!--版块名称-->
<!--{if $forum && !$forum['redirect']}--> <font color="#FF3399">New:$forum</font><!--{/if}--><!--今天贴数-->
</h2>
<!--{if $forum}--><p class="xg2">$forum</p><!--{/if}--><!--版块简介-->
<!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->   <!--子版块-->
<!--{if $forum['moderators']}--><p>{lang forum_moderators}: <span class="xi2">$forum</span></p><!--{/if}--> <!--版主-->
</td>
       <td class="fl_i">
      <!--{if empty($forum)}--><span class="xi2">$forum</span><span class="xg1"> / $forum</span><!--{/if}-->
       </td>
       <td class="fl_by">
      <div>
      <!--{if $forum['permission'] == 1}-->
         {lang private_forum}
      <!--{else}-->
         <!--{if $forum['redirect']}-->
          <a href="$forumurl" class="xi2">{lang url_link}</a>
          <!--{elseif is_array($forum['lastpost'])}-->
         
          <a href="forum.php?mod=redirect&tid=$forum&goto=lastpost#lastpost" class="xi2"title="<!--{echo cutstr($forum, 50)}-->"><!--{echo cutstr($forum, 30)}--></a><!--最后发贴标题-->
         
          <cite>
          $forum <!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->$_G<!--{/if}-->
          </cite><!--最后发贴用户-->
         
         <!--{else}-->
          暂无主题, <a href="forum.php?mod=post&action=newthread&fid=$forum">抢先发表</a>!
         <!--{/if}-->
<!--//上面是竖排版块美化//-->



3、通过代码上的标记,可看到,横排的版主我这里是没显示的,竖排则保持默认显示,如果你要在横排显示版主可直接把竖排下的那一行代码复制到上面,子版显示同理。

如果想要无论是否有版主都显示这项,将{lang forum_moderators}:移动到判断语句<!--{if ……前面,就改成:

{lang forum_moderators}:<!--{if $forum['moderators']}--><p> <span class="xi2">$forum</span></p><!--{/if}-->

如果想要显示个性化管理组名,修改{lang forum_moderators},包括大括号{}。


4、如果主题数 贴数不想在标题同一行的话,可参考原文件的位置,我是用代替了标签,用加粗标题,使它们在同一行的。你也可以让主题数另起行。大概是这样:

标题
主题数和帖子数

5、修改的其实不多,可根据自己要求修改相对的颜色和设置位置,因为修改费了我一整晚时间,所以有金币的可以给个安慰下我的睡意哈。

蓝忧无泪 发表于 2014-2-11 23:20:01

X3版本:增加最后发表标题title显示

搜索<!--{elseif is_array($forum['lastpost'])}-->有4处,修改后二处,第三处是横排二个显示,第 四处是横排一个时。
下一行找到类似<a href="forum.php?mod=redirect&tid=$forum&goto=lastpost#lastpost" class="xi2">在里面增加title="<!--{echo cutstr($forum, 60)}-->"即可
页: [1]
查看完整版本: DZX2.0首页版块横排竖排简洁美化[总结]