心灵咖啡

 找回密码
 注册加入
查看: 1999|回复: 1
收起左侧

[dz经验分享] DZX2.0首页版块横排竖排简洁美化[总结]

[复制链接]
发表于 2012-3-9 03:44:53 | 显示全部楼层 |阅读模式
主要是根据论坛上一些朋友的修改进行了总结和加入了我个人的一些细节修改,效果如图:




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



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


103行左右找到:

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


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



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


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

<!--//上面横排版块美化//以下未作修改-->
         </dd>
        </dl>
       </td>
      <!--{else}-->
       <td class="fl_icn" {if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
        <!--{if $forum[icon]}-->
         $forum[icon]
        <!--{else}-->
         <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
        <!--{/if}-->
       </td>
      
      
      
<!--//下面是竖排版块美化|以上未作修改//-->      
      
<td>
<h2>
<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']}--> <font color="#FF3399">New:$forum[todayposts]</font><!--{/if}--><!--今天贴数-->
</h2>
<!--{if $forum[description]}--><p class="xg2">$forum[description]</p><!--{/if}-->  <!--版块简介-->
<!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->   <!--子版块-->
<!--{if $forum['moderators']}--><p>{lang forum_moderators}: <span class="xi2">$forum[moderators]</span></p><!--{/if}--> <!--版主-->
</td>
       <td class="fl_i">
        <!--{if empty($forum[redirect])}--><span class="xi2">$forum[threads]</span><span class="xg1"> / $forum[posts]</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[lastpost][tid]&goto=lastpost#lastpost" class="xi2"  title="<!--{echo cutstr($forum[lastpost][subject], 50)}-->"><!--{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=post&action=newthread&fid=$forum[fid]">抢先发表</a>!
         <!--{/if}-->
<!--//上面是竖排版块美化//-->


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

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

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

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


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

[dt]标题[/dt]
[dd]主题数和帖子数[/dd]

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

discuz.rar

3.27 KB, 下载次数: 433

——论坛程序问题,请给 qq124627513(微信同步)留言。(系统默认签名,点击修改
 楼主| 发表于 2014-2-11 23:20:01 | 显示全部楼层
X3版本:增加最后发表标题title显示

搜索
  1. <!--{elseif is_array($forum['lastpost'])}-->
复制代码
有4处,修改后二处,第三处是横排二个显示,第 四处是横排一个时。
下一行找到类似
  1. <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2">
复制代码
在里面增加
  1. title="<!--{echo cutstr($forum[lastpost][subject], 60)}-->"
复制代码
即可
——论坛程序问题,请给 qq124627513(微信同步)留言。(系统默认签名,点击修改
您需要登录后才可以回帖 登录 | 注册加入

本版积分规则

广告
广告位
广告位
广告位
关闭

站长推荐上一条 /1 下一条

QQ|联系我们|手机版|小黑屋|Archiver|心灵咖啡 ( 粤ICP备16121829号-1 )

GMT+8, 2024-4-29 19:25 , Processed in 0.069901 second(s), 27 queries .

Powered by Discuz! and 心灵文学

Copyright © 2001-2021, Tencent Cloud.


本站文章为原创会员所有,未经许可禁止去版权转载,但欢迎分享本站文章链接!另,若有抄袭侵权,联系即删禁。
快速回复 返回顶部 返回列表