[Discuz!] 如何自定義DiscuzX的等級圖標

等級圖標在后臺是不能自定義設置的，唯一可以設置的就是等級的閥值，這個是控制等級升級圖標的變更，它其實就像qq的等級中四個星星代表一個月亮，如果現在等級是三個星星，再升一級后就會變成了月亮，那這個閥值其實就是4。在discuzX中默認的閥值是2，這個其實就是說一個月亮代表的是兩個星星。這個具體設置的位置是：后臺管理->界面->界面設置->帖子內容頁中的“星星升級閥值”

下面就說下怎么自定義等級圖標

在static/image/common下有三個圖片文件

star_level1.gif star_level2.gif star_level3.gif

這三個是discuzX默認的等級圖標，星星，月亮和太陽。如果我們只是想更換圖標只要替換這三個圖標文件就可以了。

那么如果我們要深度自定義等級圖標怎么辦呢，比如像淘寶那樣先是單心，雙心，藍鉆，黃鉆，皇冠，黃冠，紫冠這樣呢？
我們首先上傳等級圖標文件到static/image/common下，文件名為

star_level1.gif star_level2.gif star_level3.gif star_level4.gif star_level5.gif star_level6.gif star_level7.gif

已經有的圖標文件直接替換即可。
然后修改程序文件source/function/function_forumlist.php
找到335行開始的function showstars($num)函數

1. function showstars($num) {
   
2. 
   
3.         global $_G;
   
4. 
   
5.         $return = '';
   
6. 
   
7.         $alt = 'alt="Rank: '.$num.'"';
   
8. 
   
9.         if(empty($_G['setting']['starthreshold'])) {
   
10. 
    
11.                 for($i = 0; $i < $num; $i++) {
    
12. 
    
13.                         $return .= '<img src="'.$_G['style']['imgdir'].'/star_level1.gif" '.$alt.' />';
    
14. 
    
15.                 }
    
16. 
    
17.         } else {
    
18. 
    
19.                 for($i = 3; $i > 0; $i--) {
    
20. 
    
21.                         $numlevel = intval($num / pow($_G['setting']['starthreshold'], ($i - 1)));
    
22. 
    
23.                         $num = ($num % pow($_G['setting']['starthreshold'], ($i - 1)));
    
24. 
    
25.                         for($j = 0; $j < $numlevel; $j++) {
    
26. 
    
27.                                 $return .= '<img src="'.$_G['style']['imgdir'].'/star_level'.$i.'.gif" '.$alt.' />';
    
28. 
    
29.                         }
    
30. 
    
31.                 }
    
32. 
    
33.         }
    
34. 
    
35.         return $return;
    
36. 
    
37. }

復制代碼

修改為

1. function showstars($num) {
   
2. 
   
3.         global $_G;
   
4. 
   
5.         $return = '';
   
6. 
   
7.         $alt = 'alt="Rank: '.$num.'"';
   
8. 
   
9.         if(empty($_G['setting']['starthreshold'])) {
   
10. 
    
11.                 for($i = 0; $i < $num; $i++) {
    
12. 
    
13.                         $return .= '<img src="'.$_G['style']['imgdir'].'/star_level1.gif" '.$alt.' />';
    
14. 
    
15.                 }
    
16. 
    
17.         } else {
    
18. 
    
19.                 for($i = 7; $i > 0; $i--) {
    
20. 
    
21.                         $numlevel = intval($num / pow($_G['setting']['starthreshold'], ($i - 1)));
    
22. 
    
23.                         $num = ($num % pow($_G['setting']['starthreshold'], ($i - 1)));
    
24. 
    
25.                         for($j = 0; $j < $numlevel; $j++) {
    
26. 
    
27.                                 $return .= '<img src="'.$_G['style']['imgdir'].'/star_level'.$i.'.gif" '.$alt.' />';
    
28. 
    
29.                         }
    
30. 
    
31.                 }
    
32. 
    
33.         }
    
34. 
    
35.         return $return;
    
36. 
    
37. }

復制代碼

這樣就可以自定義好等級圖標了
自定義的等級可以是這樣的，如圖：

下載 (14.07 KB)

2014-10-16 15:49