X2.5最美论坛板块横版美化

已测试/完美支持Discuz X2.5！GBK

更新演示网站：http://www.dmddi.com/bbs

附件包里包含已修改文件，可直接将upload文件夹下的文件覆盖到论坛根目录下



PS：如果曾修改过forum.php、discuz.htm等文件，建议按照下列步骤自行操作。

效果图：





一、打开 forum.php 查找

1. $navtitle = str_replace('{bbname}', $_G['setting']['bbname'], $_G['setting']['seotitle']['forum']);

复制代码

=================================================================================================
在下面添加
=================================================================================================

1. $colorarray = array('', 'red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'purple', 'gray');
   
2. $hack_cut_str =60; // 这里修改标题长度
   
3. $fids = array();
   
4. if (file_exists("./data/cache/cache_forums.php")){
   
5. require_once "./data/cache/cache_forums.php";
   
6. if (is_array($_DCACHE['forums'])){
   
7. foreach ($_DCACHE['forums'] as $k => $v){
   
8. if (!strstr(',sub,forum,',','.$v['type'].',')) continue;
   
9. $fids[$k] = 5; // 这里是第一处调用条数需要和后面的设置一样。
   
10. }
    
11. }
    
12. }
    
13. if (count($fids) < 1){
    
14. $query = DB::query("SELECT fid FROM ".DB::table('forum_forum')." WHERE type='forum' OR type='sub'");
    
15. while ($row = DB::fetch($query)){
    
16. $fids[$row['fid']] = 5; // 这里是第二处调用条数需要和前面的设置一样。
    
17. }
    
18. }
    
19. $limit_counts = 0;
    
20. 
    
21. foreach ($fids as $k => $v){
    
22. $sql .= "(SELECT t.*, f.name FROM ".DB::table('forum_thread')." t LEFT JOIN ".DB::table('forum_forum')." f ON f.fid = t.fid WHERE t.fid='$k' AND t.closed NOT LIKE 'moved|%' AND t.displayorder>=0 ORDER BY t.dateline DESC LIMIT $v) UNION ";
    
23. }
    
24. if ($sql){
    
25. $sql = substr($sql,0,strlen($sql)-6);
    
26. }
    
27. $query = DB::query($sql);
    
28. while ($row = DB::fetch($query)){
    
29. $row['view_subject'] = cutstr($row['subject'],$hack_cut_str);
    
30.         $row['date']= gmdate('m-d/H:i', $row['dateline'] + $_G['setting']['timeoffset'] * 3600);
    
31. if($row['highlight']) {
    
32. $string = sprintf('%02d', $row['highlight']);
    
33. $stylestr = sprintf('%03b', $string[0]);
    
34. $row['highlight'] = 'style="';
    
35. $row['highlight'] .= $stylestr[0] ? 'font-weight: bold;' : '';
    
36. $row['highlight'] .= $stylestr[1] ? 'font-style: italic;' : '';
    
37. $row['highlight'] .= $stylestr[2] ? 'text-decoration: underline;' : '';
    
38. $row['highlight'] .= $string[1] ? 'color: '.$colorarray[$string[1]] : '';
    
39. $row['highlight'] .= '"';
    
40. } else {
    
41.                         $row['highlight'] = '';
    
42. }
    
43. ${'new_no'.$row['fid'].'_threadlist'}[] = $row;
    
44. }
    
45. //每版最新主题--结束

复制代码

=====================================================================
打开 template/default/forum/discuz.htm 查找
=====================================================================

1. <!--{if $forum['orderid'] && ($forum['orderid'] % $cat['forumcolumns'] == 0)}-->
   
2.                                                                 </tr>
   
3.                                                                 <!--{if $forum['orderid'] < $cat['forumscount']}-->
   
4.                                                                         <tr class="fl_row">
   
5.                                                                 <!--{/if}-->
   
6.                                                         <!--{/if}-->
   
7.                                                         <td class="fl_g" width="$cat[forumcolwidth]">
   
8.                                                                 <div class="fl_icn_g"{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
   
9.                                                                 <!--{if $forum[icon]}-->
   
10.                                                                         $forum[icon]
    
11.                                                                 <!--{else}-->
    
12.                                                                         <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
    
13.                                                                 <!--{/if}-->
    
14.                                                                 </div>
    
15.                                                                 <dl{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="margin-left: {$forum[extra][iconwidth]}px;"{/if}>
    
16.                                                                         <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 class="xw0 xi1" title="{lang forum_todayposts}"> ($forum[todayposts])</em><!--{/if}--></dt>
    
17.                                                                         <!--{if empty($forum[redirect])}--><dd><em>{lang forum_threads}: $forum[threads]</em>, <em>{lang forum_posts}: $forum[posts]</em></dd><!--{/if}-->
    
18.                                                                         <dd>
    
19.                                                                         <!--{if $forum['permission'] == 1}-->
    
20.                                                                                 {lang private_forum}
    
21.                                                                         <!--{else}-->
    
22.                                                                                 <!--{if $forum['redirect']}-->
    
23.                                                                                         <a href="$forumurl" class="xi2">{lang url_link}</a>
    
24.                                                                                 <!--{elseif is_array($forum['lastpost'])}-->
    
25.                                                                                         <!--{if $cat['forumcolumns'] < 3}-->
    
26.                                                                                                 <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2"><!--{echo cutstr($forum[lastpost][subject], 30)}--></a> <cite>$forum[lastpost][dateline] <!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->{lang anonymous}<!--{/if}--></cite>
    
27.                                                                                         <!--{else}-->
    
28.                                                                                                 <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost">{lang forum_lastpost}: $forum[lastpost][dateline]</a>
    
29.                                                                                         <!--{/if}-->
    
30.                                                                                 <!--{else}-->
    
31.                                                                                         {lang never}
    
32.                                                                                 <!--{/if}-->
    
33.                                                                         <!--{/if}-->
    
34.                                                                         </dd>
    
35.                                                                 </dl>
    
36.                                                         </td>
    

复制代码

======================================================================
替换成
======================================================================

1. <!--开始 -->
   
2.                                 <!--{if $forum['orderid'] && ($forum['orderid'] % $cat['forumcolumns'] == 0)}-->
   
3.                                                                 </tr>
   
4.                                                                 <!--{if $forum['orderid'] < $cat['forumscount']}-->
   
5.                                                                         <tr class="fl_row">
   
6.                                                                 <!--{/if}-->
   
7.                                                         <!--{/if}-->
   
8.                                                         <td class="fl_g" width="$cat[forumcolwidth]" style="padding:10px; ">
   
9.                             <div class="b-top w100">      
   
10.                                                         <div class="b-name">
    
11.                                                                 <h2 class="margin"><a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}{if $forum[extra][namecolor]} style="color: {$forum[extra][namecolor]};"{/if}>$forum[name]</a></h2>
    
12.                                                         </div>
    
13.                                                         <div class="ctrl"  style="float:right;">
    
14.                                                                 <a href="$forumurl&filter=author&orderby=dateline" title="依发布时间排序主题 [进入本版]"><img src="images/dateline_url.gif"></a>
    
15.                                                                 <img src="images/master.gif" class="hand" onclick="toggle_collapse('lastpost_$forum[fid]');" title="最后发表.版主 [收/展]" />
    
16.                                                                 <img src="images/dateline.gif" class="hand" onclick="toggle_collapse('dateline_$forum[fid]');" title="本版最新话题 [展/收]" />
    
17.                                                                 <span style="today-post">
    
18.                                                                 <!--{if $forum[todayposts] && !$forum['redirect']}--><em class="p-yes" title="今日帖数:$forum[todayposts]">$forum[todayposts]</em><!--{else}--><em class="p-no" title="今日帖数:0">0</em><!--{/if}-->
    
19.                                                                 </span>
    
20.                                                         </div>
    
21.                                                 </div>
    
22. 
    
23.                                                 <div class="clear w100">
    
24.                                                         <div class="b-icon">$forum[icon]</div><div class="b-des">$forum[description]<!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}--></div>
    
25.                                                 </div>
    
26. 
    
27.                                                 <div class="clear b-thread" style="background: url(images/listbg_li.gif) no-repeat;">
    
28.                                                 <ul  id="dateline_$forum[fid]" style="display:none;" class="list">
    
29.                                                         <!--{loop ${"new_no".$forum[fid]."_threadlist"} $row}-->
    
30.                                                                 <div class="t_no-pms">
    
31.                                                                 <!--{if $forum['permission'] == 1}-->
    
32.                                                                 {lang private_forum}, 您目前没有权限可查阅主题及内容
    
33.                                                                 <!--{else}-->
    
34.                                                                 <small class="t_date">$row['date']</small><a href="forum.php?mod=viewthread&tid=$row[tid]" $row[highlight] title="$row[subject] ($row['date'])" target='_self'>$row[view_subject]</a>
    
35.                                                                 <!--{/if}-->
    
36.                                                                 </div>
    
37.                                                         <!--{/loop}-->
    
38.                                                 </ul>
    
39.                                                 </div>
    
40.                                                 
    
41.                                                 <div id="lastpost_$forum[fid]">
    
42.                                                 <div class="clear t-lastpost w100">
    
43.                                                         <!--{if $forum['permission'] == 1}-->
    
44.                                                                         {lang forum_lastpost}: {lang private_forum}
    
45.                                                                 <!--{else}-->
    
46.                                                                         <!--{if $forum['redirect']}-->
    
47.                                                                                 {lang forum_lastpost}: <a href="$forumurl" class="xi2">{lang url_link}</a>
    
48.                                                                         <!--{elseif is_array($forum['lastpost'])}-->
    
49.                                                                                 {lang forum_lastpost}: <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2"><!--{echo cutstr($forum[lastpost][subject], 25)}--></a> <cite><!--{if $forum['lastpost']['author']}-->(by $forum['lastpost']['author'])<!--{else}-->{lang anonymous}<!--{/if}--></cite>
    
50.                                                                         <!--{else}-->
    
51.                                                                                 {lang forum_lastpost}: {lang never}
    
52.                                                                         <!--{/if}-->
    
53.                                                                 <!--{/if}-->
    
54.                                                 </div>
    
55.                                                 <div style="clear mod w100">
    
56.                                                         <!--{if $forum['moderators']}-->{lang forum_moderators}: <span class="xi2">$forum[moderators]</span> | <!--{/if}-->
    
57.                                                           {lang forum_threads}:$forum[threads]  {lang forum_posts}:$forum[posts]
    
58.                                                 </div>
    
59.                                                 </div>
    
60.                                  </td>
    
61.                          <!--结束 -->

复制代码

========================================================================
打开 template/default/common/header.htm
在</head> 上添加
========================================================================

1. <script language="JavaScript">
   
2. <!-- Hide
   
3.         function killErrors() {
   
4.                 return true;
   
5.         }
   
6. window.onerror = killErrors;
   
7. // -->
   
8. </script>

复制代码

=========================================================================
打开 template/default/common/common.css
在最后面添加
=========================================================================

1. /*横排美化*/
   
2. 
   
3. /*~~~~~~~~~~~ EXTRA   Common~~~~~~~~~~~~~*/
   
4. 
   
5. .hand { cursor:hand; cursor: pointer; }
   
6. .clear { clear:both; }
   
7. .w100 { width:100%; }
   
8. /*~~~~~~~~~~~ EXTRA  Index Forumlist~~~~~~~~~~~~~*/
   
9. 
   
10. .forumlist th.board { vertical-align: top; background-image: none; padding:10px !important; }
    
11.         div.b-top {  display:block; width:100%; overflow: hidden; }
    
12.                 div.b-name { float:left; height: 20px; width:60%; overflow:hidden; }
    
13.                         div.b-name h2.margin { margin:0 0 3px 0;  }
    
14.                 div.crtl { float:right; text-align:right;  }
    
15.                         div.ctrl img { vertical-align:middle; margin:1px 0;  }
    
16.                         span.today-post em, span.today-post em b { font-family: Verdana, Arial, Helvetica, sans-serif; }
    
17.                                 em.p-yes { padding:0 5px; border:1px solid #F06; background:#FFFFE1; color:#F06; font-size:11px; font-weight:bold; }
    
18.                                 em.p-no { padding:0 5px; border:1px solid #CCC;  font-size:11px; }
    
19.                 div.b-icon { float:left; }
    
20.                 div.b-des { color:{LIGHTTEXT}; overflow:hidden; }
    
21.         div.b-thread { margin-top:5px; padding:1px 0; background-image: url(images/listbg_li.gif) no-repeat; width:100%; }
    
22.                 div.b-thread ul.list { padding:0 2px 0 10px; list-style-type: none; line-height: 20px; }
    
23.                         div.b-thread ul.list .t_no-pms { overflow: hidden; height:20px; width:100% }
    
24.                         div.b-thread ul.list .t_date { float:right; color:{LIGHTTEXT}; margin: 0 0 0 5px }
    
25.         div.t-lastpost { color:{LIGHTTEXT}; margin-top:5px;overflow: hidden; height:1.3em;  }
    
26.         div.mod { color:{LIGHTTEXT}; overflow: hidden; height:1.5em;  }

复制代码

=========================================================================
以下是扩展修改，修改基于以上修改完之后（非必要，按个人喜好）
一、版块底部版块信息美化
在discuz.htm中查找
=========================================================================

1. <!--{if $forum['moderators']}-->{lang forum_moderators}: <span class="xi2">$forum[moderators]</span> | <!--{/if}-->
   
2. {lang forum_threads}:$forum[threads] {lang forum_posts}:$forum[posts]

复制代码

==========================================================================
替换成
==========================================================================

1. <dt>Today: <font color="#FF3399">$forum[todayposts]</font> Post: <font color="#00CCFF">$forum[threads]</font> Reply: <font color="#99CC00">$forum[posts]</font></dt>

复制代码

==========================================================================
二、鼠标经过图标显示版主列表
在discuz.htm中查找
==========================================================================

1. <div class="b-icon">$forum[icon]</div>

复制代码

==========================================================================
替换成
==========================================================================

1. <div class="b-icon"><span onmouseover="this.className='popmenuopen';" onmouseout="this.className='popmenuclose';" class="popmenuclose">$forum[icon]<div>版主:<!--{if $forum['moderators']}-->$forum[moderators]<!--{else}-->暂时无版主<!--{/if}--></div></span></div>

复制代码

=================================================================================================
在template/default/common/common.css的最后添加
=================================================================================================

1. .popmenuclose div{display:none}
   
2. .popmenuopen{position:relative;z-index:9999;}
   
3. .popmenuopen div{border:3px solid #E1E1D0;background:#FFF;position:absolute;padding:4px;overflow:hidden; width:100px;}
   
4. .popmenuopen div a{padding:2px 5px 2px 18px; display:block;background:url(/images/ggao.gif) no-repeat 0 -16px}.laba {margin:0 auto; background:#FFFFFF; border:1px solid #EDECED; padding:2px 5px 4px; color:#555; border-top:0; border-bottom:0;line-height:19px}

复制代码

===========================================================================================

===========================================================================================
三、默认展开列表修改方法
打开 discuz.htm 查找
===========================================================================================

1. <ul id="dateline_$forum[fid]" style="display:none;" class="list">

复制代码

===========================================================================================
替换成
===========================================================================================

1. <ul id="dateline_$forum[fid]" class="list">

复制代码

===========================================================================================
最后上传附件图片包 更新缓存！

不错，支持一下！{:soso_e100:}

这个要顶，我拿去用了

不错支持了哈！
百家乐 http://www.zxhot.net

谢谢分享

谢谢分享

自己顶起    找横版美化的很少么？

站长论坛支持一下。http://www.cncuz.com/

我 在10号左右就想用这个，你却不发出来。等我弄好了，你就发出来了！哎！
演示：www.zikaozhushou.com