设为首页收藏本站
切换到宽版

Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步，快速开始

搜索
Discuz!官方免费开源建站系统»论坛 › Discuz! 交流与讨论 › Discuz!-插件与模板交流 › 开发教程存档 › ★★★★论坛版块横排美化，Discuz! X2。绝对是您想要的 ...
12345678910... 128下一页
返回列表 发新帖

★★★★论坛版块横排美化，Discuz! X2。绝对是您想要的！★★★2011.11.21更新优化

  [复制链接]
毅馨 发表于 2011-9-25 13:59:48 | 显示全部楼层 |阅读模式
本帖最后由 毅馨 于 2011-11-21 10:21 编辑

效果预览：
  1. http://dytt.th.ht/forum.php
复制代码
或者见下图：
版本说明：
1.没有版块简介的时候显示“点击申请版主”
2.有版块简介的时候显示版块简介
3.没有版主显示版主空缺
4.有版主下拉菜单显示版主
5.有主题显示：最后发布的主题及作者
6.没有主题显示：暂无主题，抢先发布
7.有新主题，右上角显示主题数
具体效果见下图（点击看大图）：



修改自该版块的一横排美化的帖子，现在已经找不到了，无法贴上原文链接，修改后去除了多余的css等，在IE下不会出现网页有错误等！
若想实现效果，请认真看完全贴！
步骤：





















首先管理中心-论坛-分区编辑-论坛首页下级子版块横排:填大于或者等于2的数字
懒人覆盖版只适合默认风格或者你目前使用的风格目录下没有forum目录：

懒人覆盖版请修改下载的压缩包里的template/default/forum/discuz.htm文件，先查找:点击申请版主，修改前面的链接为您的论坛版主申请的链接！然后再把upload文件夹下的全部文件上传覆盖！

手动修改版
首先：
修改static/js/目录下的：common.js
用记事本打开，在底部查找
  1. if(BROWSER.ie) {
  2.         document.documentElement.addBehavior("#default#userdata");
  3. }
复制代码
替换为：
  1. if(BROWSER.ie) {
  2.         document.documentElement.addBehavior("#default#userdata");
  3. }

  5. function forumbackshow(id){
  6. document.getElementById(id).style.background="#f8f8f8";
  7. }
  8. function forumbackout(id){
  9. document.getElementById(id).style.background="";
  10. }
  11. function showgoto() {
  12. var i, args=showgoto.arguments; document.showgtvlaue = false;
  13. for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
  14. }
复制代码
修template\default\common目录下的：common.css
用记事本打开，在底部查找
  1. .slidebox {display: none; }
复制代码
替换为：
  1. .slidebox {display: none; }

  3. /* 横排美化 */
  4. .ficodiv {float:left;}
  5. .ficodiv,.ficodiv img{width:56px; height:56px; overflow:hidden; margin-top:2px; margin-right:5px;}
  6. .f_ttdiv {height:56px; line-height:20px;overflow:hidden;}
  7. .f_name {height:20px; overflow:hidden;}
  8. .f_name small{float:right;color:#aaa;}
  9. .f_name small span{color:#f30;}
  10. .f_name a span{font-size:14px;}
  11. .f_lyhp {float:left;}
  12. .f_lyhp {color:#999;}
  13. .f_bkjs {height:20px; line-height:18px; overflow:hidden;color:#888;}
  14. .f_tzmh {padding:5px; height:18px; line-height:20px; overflow:hidden;}
复制代码
其次：
修改\template\default\forum或者您目前使用风格forum目录下的discuz.htm的文件
查找：
  1. <td class="fl_g" width="$cat[forumcolwidth]">
  2. <div class="fl_icn_g"{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
  3. <!--{if $forum[icon]}-->
  4. $forum[icon]
  5. <!--{else}-->
  6. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
  7. <!--{/if}-->
  8. </div>
  9. <dl{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="margin-left: {$forum[extra][iconwidth]}px;"{/if}>
  10. <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>
  11. <!--{if empty($forum[redirect])}--><dd><em>{lang forum_threads}: $forum[threads]</em>, <em>{lang forum_posts}: $forum[posts]</em></dd><!--{/if}-->
  12. <dd>
  13. <!--{if $forum['permission'] == 1}-->
  14. {lang private_forum}
  15. <!--{else}-->
  16. <!--{if $forum['redirect']}-->
  17. <a href="$forumurl" class="xi2">{lang url_link}</a>
  18. <!--{elseif is_array($forum['lastpost'])}-->
  19. <!--{if $cat['forumcolumns'] < 3}-->
  20. <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>
  21. <!--{else}-->
  22. <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost">{lang forum_lastpost}: $forum[lastpost][dateline]</a>
  23. <!--{/if}-->
  24. <!--{else}-->
  25. {lang never}
  26. <!--{/if}-->
  27. <!--{/if}-->
  28. </dd>
  29. </dl>
  30. </td>
复制代码
替换为：
  1. <td class="fl_g" width="$cat[forumcolwidth]" style="padding:10px 5px; ">
  2. <div id="showback_$forum[fid]" style="border:1px solid #ccc; cursor:default;" onmouseover="forumbackshow('showback_$forum[fid]')" onmouseout="forumbackout('showback_$forum[fid]')">
  3. <div style="padding:5px; ">
  4.   <div class="ficodiv">
  5.         <!--{if $forum[icon]}-->
  6.         $forum[icon]
  7.         <!--{else}-->
  8.     <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}>
  9.         <img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" />
  10.         </a>
  11.         <!--{/if}-->
  12.   </div>

  14.   <div class="f_ttdiv" {if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="margin-left: {$forum[extra][iconwidth]}px;"{/if}>
  15.           <div class="f_name" title="$forum[name]">
  16.           <small>
  17.           <!--{if $forum[todayposts] && !$forum['redirect']}-->
  18.           (<span title="{lang forum_todayposts}">$forum[todayposts]</span>)
  19.           <!--{/if}-->
  20.           </small>
  21.           <a href="$forumurl" {if $forum[redirect]}target="_blank"{/if}{if $forum[extra][namecolor]} style="color:{$forum[extra][namecolor]};"{/if}>
  22.           <span>$forum[name]</span>
  23.           </a>
  24.           </div>
  25.          <div class="f_name">
  26.          <!--{if empty($forum[redirect])}-->
  27.          <div class="f_lyhp">
  28.                  <span>主题:</span><em style="color:#f60;">$forum[threads]</em>
  29.          </div><div style="float:left;">
  30.                 <span>帖子:</span><em style="color:#090;">$forum[posts]</em>
  31. <!--{if $forum[moderators]}-->
  32. <span id="default{$forum['fid']}" class="showmenu" onmouseover="showMenu(this.id);">版主列表</span>
  33. <ul id="default{$forum['fid']}_menu" class="p_pop" style="display:none;"><!--{echo str_replace(array(',',' c="1"'),'',$forum[moderators]);}--></ul><!--{else}-->
  34. 版主空缺
  35. <!--{/if}-->
  36.          </div>
  37.         <!--{/if}-->
  38.          </div>
  39.         <div class="f_bkjs">
  40.         <!--{if $forum[description]}-->
  41.                 <span tabindex="$forum[description]">$forum[description]</span>
  42.         <!--{else}-->
  43.         <a href="您的版主申请的链接地址"><b style="color:#f30;">点击申请版主</b></a>
  44.         <!--{/if}-->                                                
  45.         </div>
  46.   </div>
  47. </div>
  48. <div class="f_tzmh">
  49. <!--{if $forum['redirect']}-->
  50.   <a href="$forumurl" class="xi2">{lang url_link}</a>
  51. <!--{elseif is_array($forum['lastpost'])}-->
  52. <FONT color=#003D79>最后发表:</font>
  53.   <a href="forum.php?mod=viewthread&tid=$forum[lastpost][tid]" class="xi2">
  54.   <!--{echo cutstr($forum[lastpost][subject], 25)}--></a>
  55. <!--{if $forum['lastpost']['author']}-->(by:$forum['lastpost']['author']<!--{else}-->{lang anonymous}<!--{/if}-->)
  56.   </a>
  57.   <!--{else}-->
  58. <FONT color=#003D79>最后发表:</font>暂无主题, <a href="forum.php?mod=post&action=newthread&fid=$forum[fid]">抢先发表</a>!
  59.   <!--{/if}-->
  60. </div>
  61. </div>
  62. </td>
复制代码
<a href="您的版主申请的链接地址"><b style="color:#f30;">点击申请版主</b></a>
自行修改为您的版主申请的链接地址！
查找：
  1. <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>
复制代码
替换为：
  1. <a href="forum.php?mod=viewthread&tid=$forum[lastpost][tid]" 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>
复制代码
查找：
  1. <p class="chart z">{lang index_today}: <em>$todayposts</em><span class="pipe">|</span>{lang index_yesterday}: <em>$postdata[0]</em><span class="pipe">|</span>{lang index_posts}: <em>$posts</em><span class="pipe">|</span>{lang index_members}: <em>$_G['cache']['userstats']['totalmembers']</em><!--{if $_G['setting']['lastmember']}--><span class="pipe">|</span>{lang welcome_new_members}: <em><a href="home.php?mod=space&username={echo rawurlencode($_G['setting']['lastmember'])}" target="_blank" class="xi2">$_G['setting']['lastmember']</a></em><!--{/if}--></p>
复制代码
替换为：
  1. <p class="chart z">{lang index_today}: <em>$todayposts</em><span class="pipe"> | </span><img src="{IMGDIR}/yestoday.gif" alt="昨日贴数" style="position:relative; top:4px;">  {lang index_yesterday}: $postdata[0]<span class="pipe"> | </span><img src="{IMGDIR}/replay.gif" alt="总贴数" style="position:relative; top:4px;">  {lang index_posts}: <em>$posts</em><span class="pipe"> | </span><img src="{IMGDIR}/members.gif" alt="会员数" style="position:relative; top:4px;">  {lang index_members}: <em>$_G['cache']['userstats']['totalmembers']</em><!--{if $_G['setting']['lastmember']}--><span class="pipe"> | </span><img src="{IMGDIR}/welcome.gif" alt="欢迎新会员" style="position:relative; top:4px;">  {lang welcome_new_members}: <em><a href="home.php?mod=space&username={echo rawurlencode($_G['setting']['lastmember'])}" target="_blank" class="xi2">$_G['setting']['lastmember']</a></em><!--{/if}--></p>
复制代码
使用手动修改版的请把以下文件里面的图片上传到：\static\image\common目录下

会实现昨日，帖子，会员，欢迎新会员前面家图标的效果：



ok后台更新一下缓存，看看效果吧！

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x
回复

使用道具 举报

 楼主| 毅馨 发表于 2011-9-25 14:13:05 | 显示全部楼层
回复

使用道具 举报

xukai8988 发表于 2011-9-25 14:19:58 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

guanxin5325637 发表于 2011-9-25 14:21:23 | 显示全部楼层
好好好
回复

使用道具 举报

sunhai520 发表于 2011-9-25 14:21:32 | 显示全部楼层
不太明白呀
回复

使用道具 举报

 楼主| 毅馨 发表于 2011-9-25 14:26:53 | 显示全部楼层
已经更新手动修改
回复

使用道具 举报

jxhjjm 发表于 2011-9-25 14:30:27 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

 楼主| 毅馨 发表于 2011-9-25 14:43:57 | 显示全部楼层
搞定。收工！
回复

使用道具 举报

lifang021 发表于 2011-9-25 14:58:14 | 显示全部楼层
jxhjjm 发表于 2011-9-25 14:30
顶，支持游戏秘籍

看下什么效果
回复

使用道具 举报

fztwo 发表于 2011-9-25 15:23:32 | 显示全部楼层
用下。。。
回复

使用道具 举报

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

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-22 14:34 , Processed in 0.032329 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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