Discuz教程网

1314学习网»站长论坛 › discuz资源中心 › discuz教程 › 美化首页竖排子版块显示样式【免费教程，大站必备】for ...
返回列表 发新帖

[代码修改] 美化首页竖排子版块显示样式【免费教程，大站必备】for X2

[复制链接]
authicon dly 发表于 2012-4-4 08:54:18 | 显示全部楼层 |阅读模式
功能介绍：美化首页竖排子版块显示样式，更加精致大方！

美化修改前的默认效果：

120327tbbtynunyyb4bbjb.jpg

修改后的效果：
12032599dkohb6899ytnzf.jpg.thumb.jpg
120325o6adallluoll2zha.jpg

版块颜色，加粗在后台设置，如图：
120326hp22wjtmoz2ovhmz.jpg

懒人版：下载修改好的，替换原来的文件（适用于discuzX2.0 GBK）

游客，如果您要查看本帖隐藏内容请回复


X2.0修改方法（2.5的方法见本贴二楼）  修改两个文件 ：
首先，打开风格目录\template\default\forum中的discuz.htm
将 <div id="category_$cat[fid]" class="bm_c" style="$collapse['category_'.$cat[fid]]">  至 <!--{ad/intercat/bm a_c/$cat[fid]}-->这一段全部替换
既下面的代码

  1. <table cellspacing="0" cellpadding="0" class="fl_tb">
  2. <tr>
  3. <!--{loop $cat[forums] $forumid}-->
  4. <!--{eval $forum=$forumlist[$forumid];}-->
  5. <!--{eval $forumurl = !empty($forum['domain']) && !empty($_G['setting']['domain']['root']['forum']) ? 'http://'.$forum['domain'].'.'.$_G['setting']['domain']['root']['forum'] : 'https://www.discuz.1314study.com/forum.php?mod=forumdisplay&fid='.$forum['fid'];}-->
  6. <!--{if $cat['forumcolumns']}-->
  7. <!--{if $forum['orderid'] && ($forum['orderid'] % $cat['forumcolumns'] == 0)}-->
  8. </tr>
  9. <!--{if $forum['orderid'] < $cat['forumscount']}-->
  10. <tr class="fl_row">
  11. <!--{/if}-->
  12. <!--{/if}-->
  13. <td class="fl_g" width="$cat[forumcolwidth]">
  14. <div class="fl_icn_g"{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
  15. <!--{if $forum[icon]}-->
  16. $forum[icon]
  17. <!--{else}-->
  18. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
  19. <!--{/if}-->
  20. </div>
  21. <dl{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="margin-left: {$forum[extra][iconwidth]}px;"{/if}>
  22. <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>
  23. <!--{if empty($forum[redirect])}--><dd><em>{lang forum_threads}: $forum[threads]</em>, <em>{lang forum_posts}: $forum[posts]</em></dd><!--{/if}-->
  24. <dd>
  25. <!--{if $forum['permission'] == 1}-->
  26. {lang private_forum}
  27. <!--{else}-->
  28. <!--{if $forum['redirect']}-->
  29. <a href="$forumurl" class="xi2">{lang url_link}</a>
  30. <!--{elseif is_array($forum['lastpost'])}-->
  31. <!--{if $cat['forumcolumns'] < 3}-->
  32. <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}-->$_G[setting][anonymoustext]<!--{/if}--></cite>
  33. <!--{else}-->
  34. <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost">{lang forum_lastpost}: $forum[lastpost][dateline]</a>
  35. <!--{/if}-->
  36. <!--{else}-->
  37. {lang never}
  38. <!--{/if}-->
  39. <!--{/if}-->
  40. </dd>
  41. </dl>
  42. </td>
  43. <!--{else}-->
  44. <td class="fl_icn" {if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
  45. <!--{if $forum[icon]}-->
  46. $forum[icon]
  47. <!--{else}-->
  48. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
  49. <!--{/if}-->
  50. </td>
  51. <td>
  52. <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']}--><em class="xw0 xi1" title="{lang forum_todayposts}"> ($forum[todayposts])</em><!--{/if}--></h2>
  53. <!--{if $forum[description]}--><p class="xg2">$forum[description]</p><!--{/if}-->
  54. <!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->
  55. <!--{if $forum['moderators']}--><p>{lang forum_moderators}: <span class="xi2">$forum[moderators]</span></p><!--{/if}-->
  56. </td>
  57. <td class="fl_i">
  58. <!--{if empty($forum[redirect])}--><span class="xi2">$forum[threads]</span><span class="xg1"> / $forum[posts]</span><!--{/if}-->
  59. </td>
  60. <td class="fl_by">
  61. <div>
  62. <!--{if $forum['permission'] == 1}-->
  63. {lang private_forum}
  64. <!--{else}-->
  65. <!--{if $forum['redirect']}-->
  66. <a href="$forumurl" class="xi2">{lang url_link}</a>
  67. <!--{elseif is_array($forum['lastpost'])}-->
  68. <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}-->$_G[setting][anonymoustext]<!--{/if}--></cite>
  69. <!--{else}-->
  70. {lang never}
  71. <!--{/if}-->
  72. <!--{/if}-->
  73. </div>
  74. </td>
  75. </tr>
  76. <tr class="fl_row">
  77. <!--{/if}-->
  78. <!--{/loop}-->
  79. $cat['endrows']
  80. </tr>
  81. </table>
  82. </div>
  83. </div>
复制代码

替换成
  1. <table cellspacing="0" cellpadding="0" class="fl_tb">

  3. <tr>

  5. <!--{loop $cat[forums] $forumid}-->

  7. <!--{eval $forum=$forumlist[$forumid];}-->

  9. <!--{eval $forumurl = !empty($forum['domain']) && !empty($_G['setting']['domain']['root']['forum']) ? 'http://'.$forum['domain'].'.'.$_G['setting']['domain']['root']['forum'] : 'https://www.discuz.1314study.com/forum.php?mod=forumdisplay&fid='.$forum['fid'];}-->

  11. <!--{if $cat['forumcolumns']}-->

  13. <!--{if $forum['orderid'] && ($forum['orderid'] % $cat['forumcolumns'] == 0)}-->

  15. </tr>

  17. <!--{if $forum['orderid'] < $cat['forumscount']}-->

  19. <tr class="fl_row">

  21. <!--{/if}-->

  23. <!--{/if}-->

  25. <td class="fl_g" width="$cat[forumcolwidth]">

  27. <div class="fl_icn_g"{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>

  29. <!--{if $forum[icon]}-->

  31. $forum[icon]

  33. <!--{else}-->

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

  37. <!--{/if}-->

  39. </div>

  41. <dl{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="margin-left: {$forum[extra][iconwidth]}px;"{/if}>

  43. <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>

  45. <!--{if empty($forum[redirect])}--><dd><em>{lang forum_threads}: $forum[threads]</em>, <em>{lang forum_posts}: $forum[posts]</em></dd><!--{/if}-->

  47. <dd>

  49. <!--{if $forum['permission'] == 1}-->

  51. {lang private_forum}

  53. <!--{else}-->

  55. <!--{if $forum['redirect']}-->


  58. <a href="$forumurl" class="xi2">{lang url_link}</a>



  62. <!--{elseif is_array($forum['lastpost'])}-->

  64. <!--{if $cat['forumcolumns'] < 3}-->

  66. <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}-->$_G[setting][anonymoustext]<!--{/if}--></cite>

  68. <!--{else}-->

  70. <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost">{lang forum_lastpost}: $forum[lastpost][dateline]</a>

  72. <!--{/if}-->

  74. <!--{else}-->

  76. {lang never}

  78. <!--{/if}-->

  80. <!--{/if}-->

  82. </dd>

  84. </dl>

  86. </td>

  88. <!--{else}-->

  90. <td class="fl_icn" {if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>

  92. <!--{if $forum[icon]}-->

  94. $forum[icon]

  96. <!--{else}-->

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

  100. <!--{/if}-->

  102. </td>
  103. <style>
  104. <!--

  106. .fsub_w{width:539px;}

  108. -->

  110. </style>


  113. <td class="fsub_w">

  115. <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']}--><em class="xw0 xi1" title="{lang forum_todayposts}"> ($forum[todayposts])</em><!--{/if}--></h2>

  117. <!--{if $forum[description]}--><p class="xg2">$forum[description]</p><!--{/if}-->



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

  123. </td>

  125. <td class="fl_i">

  127. <!--{if empty($forum[redirect])}--><span class="xi2">$forum[threads]</span><span class="xg1"> / $forum[posts]</span><!--{/if}-->

  129. </td>

  131. <td class="fl_by">

  133. <div>

  135. <!--{if $forum['permission'] == 1}-->

  137. {lang private_forum}

  139. <!--{else}-->

  141. <!--{if $forum['redirect']}-->

  143. <a href="$forumurl" class="xi2">{lang url_link}</a>

  145. <!--{elseif is_array($forum['lastpost'])}-->

  147. <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}-->$_G[setting][anonymoustext]<!--{/if}--></cite>

  149. <!--{else}-->

  151. {lang never}

  153. <!--{/if}-->

  155. <!--{/if}-->

  157. </div>

  159. </td>

  161. </tr>

  163. <!--{if $forum['subforums']}-->

  165. <tr class="fl_row">

  167. <td colspan="4"><div style="width:936px; overflow:hidden;"><ul>$forum['subforums']</ul></div></td>

  169. </tr>

  171. <!--{/if}-->

  173. <tr class="fl_row">

  175. <!--{/if}-->

  177. <!--{/loop}-->

  179. $cat['endrows']

  181. </tr>

  183. </table>

  185. </div>

  187. </div>
复制代码

其次修改 source\module\forum中的forum_index.php
游客，如果您要查看本帖隐藏内容请回复
discuz



上一篇：x2.0 2.5/7.2版本 发贴预置内容 （按版块提前发布内容）免费发布
下一篇：吉他父子《父亲》唱出十四亿老百姓的心声

相关帖子
回复

举报

authicon 笨、笨、笨小孩 发表于 2012-4-4 13:52:24 | 显示全部楼层
超级顶你呀！！！！！！
回复

举报

authicon zjqliling 发表于 2012-4-4 22:38:41 | 显示全部楼层
好东西，想要
回复

举报

authicon swabe 发表于 2012-4-5 09:35:54 | 显示全部楼层
看看好东西
回复

举报

authicon guoshaolong 发表于 2012-5-15 01:37:59 | 显示全部楼层
强烈支持楼主ing……
回复

举报

authicon 浪子吟风 发表于 2012-6-10 23:23:27 | 显示全部楼层
真是好贴啊……太生气了，无法HOLD啦 >_<......
回复

举报

authicon sege007 发表于 2012-6-19 15:42:41 | 显示全部楼层
淡定，淡定，淡定……
回复

举报

authicon www88mscorg 发表于 2012-6-22 01:50:56 | 显示全部楼层
初来乍到，请多多关照。。。嘿嘿，回个贴表明我来过。
回复

举报

authicon 痞子猫 发表于 2012-7-11 19:26:59 | 显示全部楼层
看不懂
回复

举报

authicon 独木成林 发表于 2013-4-15 23:23:45 | 显示全部楼层
块显示样式，更加精致大方！
回复

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-5-2 21:56

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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