Discuz X2.5 今日帖數數字美化 (清爽)

討論區首頁今日帖數的美化 , 先看效果圖



修改方法：

首先打開Discuz.htm文件 (修改前請先備份一下 ! )
然後尋找以下程式碼（注意總共有四處程式碼）

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

複製代碼

把所找到的程式碼都換成下面的代碼，四處全都要置換

1. 
   
2. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum.png" alt="$forum[name]" /></a>
   
3. <!--{/if}-->
   
4. <!--{if $forum[todayposts] && !$forum['redirect']}-->
   
5. <div class="xw0 sumposts" title="{lang forum_todayposts}"><div><em>$forum[todayposts]</em></div></div>
   
6. <!--{/if}-->
   

複製代碼

CSS部分 , 可直接添加到 common.css 檔案中最底部

1. 
   
2. .fl_icn_g .sumposts { background: url({IMGDIR}/count_blue.png) no-repeat scroll 100% -27px transparent; padding-right: 14px; position: absolute; margin-top: -60px; margin-left: 30px; }
   
3. .sumposts div { background: url({IMGDIR}/count_blue.png) no-repeat scroll 0 0 transparent; height: 27px; }
   
4. .sumposts em { display: block; font-weight: bold; height: 17px; line-height: 17px; margin-right: -14px; min-width: 14px; padding: 5px 7px; text-align: center; }
   
5. .fl_icn .sumposts { background: url({IMGDIR}/count_blue.png) no-repeat scroll 100% -27px transparent; padding-right: 14px; position: absolute; margin-top: -60px; margin-left: 30px; }
   
6. .ie7 .fl_icn_g .sumposts { margin-top: -10px; margin-left: -22px; }
   

複製代碼

最後，下載下面三種顏色的圖片，並上傳到目前使用的風格的圖片目錄中。
圖片共有三種顏色，藍紅綠。默認是藍的，如換紅或綠，須要把 CSS部分中 count_blue.png 置換成 count_red.png或count_green.png即可

  

dearlive04

沒有找到discuz.html的這檔案耶

e7211838

版大！  幫你附註一下圈圈的座標位置...
有些人的網站 圖片稍長的話就會出現圈圈偏移的狀況....
這時修改 common.css 的某兩個數據即可
.fl_icn_g .sumposts  {
　backg...................(同上資訊)
   margin-top: 15px; margin-left: 20px;       }
margin-top：是上下的位置
margin-left：是左右的位置

（某些不會css的新手（專門複製貼上結果沒辦法用=/=
（這個就是找半天終於想起來CSS怎麼用的新手=////=