[分享] 帖子评分美化代码

无界

先看效果 ：

下載 (15.19 KB)

2013-6-5 22:51

方法：
1、新建viewthread_rate.htm模版，放入代码。

1. <div class="thread_add_main rate_main">
   
2.     <h5 class="c_stress">
   
3.     评分记录  
   
4.         </h5>
   
5.     <ul class="rate_scorelist">
   
6.     <!--{loop $post['ratelog'] $uid $ratelog}-->
   
7.         <li>
   
8.             <span id="rate_user">
   
9.             <img src="uc_server/avatar.php?uid=$uid&size=middle" width="20" height="20" align="absmiddle" />
   
10.             <a href="space.php?uid=$uid"  target="_blank">$ratelog[username]</a></span>
    
11.             <span class="rate_time">
    
12.                $ratelog[dateline]
    
13.             </span>
    
14.             <span class="rate_cent">
    
15.                 <strong class="icon icon_add">
    
16.                 <!--{loop $ratelog['score'] $id $score}-->
    
17.                                         <!--{if $score > 0}-->
    
18.                                                 <img src="http://fc09.deviantart.net/fs70/f/2013/156/b/b/agree_by_bjwujie-d67w5ra.gif" alt="" align="absmiddle" /> <em>{$extcredits[$id][title]} + $score $extcredits[$id][unit]</em>
    
19.                                         <!--{else}-->
    
20.                                                 <img src="http://fc05.deviantart.net/fs70/f/2013/156/6/6/disagree_by_bjwujie-d67w5r8.gif" alt="" align="absmiddle" /> <em>{$extcredits[$id][title]} $score $extcredits[$id][unit]</em>
    
21.                                         <!--{/if}-->
    
22.                                 <!--{/loop}-->
    
23.                 </strong>
    
24.             </span>
    
25.             <span class="rate_msg">
    
26.                     $ratelog[reason]
    
27.             </span>
    
28.         </li>
    
29.         <!--{/loop}-->
    
30.     </ul>
    
31.     <div class="rate_total c_stress">
    
32.         <ul class="icon rate_option">
    
33.             <li>
    
34.                     <a href="memcp.php?action=usergroups" target="_blank">查看会员权限</a></li>
    
35.         </ul>
    
36.         <span class="c_weak">总计：</span>
    
37.         <span class="c_warn">{echo $postlist[$post[pid]][rate];}</span> 金币
    
38.     </div>
    
39. </div>

複製代碼

如图：

下載 (58.11 KB)

2013-6-5 22:51

2、打开viewthread_node.htm找到

1. <dl class="newrate">
   
2. 
   
3.                                                 <dt>
   
4. 
   
5.                                                         <!--{if !empty($postlist[$post[pid]]['totalrate'])}-->
   
6. 
   
7.                                                                 <strong><a href="misc.php?action=viewratings&amp;tid=$tid&amp;pid=$post[pid]" onclick="showWindow('viewratings', this.href);return false;" title="{lang thread_rate_log_lately}">{echo count($postlist[$post[pid]][totalrate]);}</a></strong>
   
8. 
   
9.                                                                 <p>{lang thread_rate_count}</p>
   
10. 
    
11.                                                         <!--{/if}-->
    
12. 
    
13.                                                 </dt>
    
14. 
    
15.                                                 <dd>
    
16. 
    
17.                                                         <ul class="s_clear">
    
18. 
    
19.                                                         <div id="post_rate_$post[pid]"></div>
    
20. 
    
21.                                                         <!--{if $ratelogon}-->
    
22. 
    
23.                                                                 <ul class="s_clear ratelist">
    
24. 
    
25.                                                                 <!--{loop $post['ratelog'] $uid $ratelog}-->
    
26. 
    
27.                                                                         <li id="rate_{$post[pid]}_{$uid}" class="ratelistavatar">
    
28. 
    
29.                                                                                 <a href="space.php?uid=$uid" target="_blank">{echo discuz_uc_avatar($uid, 'small');}</a><a href="space.php?uid=$uid" target="_blank">$ratelog[username]:</a>
    
30. 
    
31.                                                                                 $ratelog[reason]
    
32. 
    
33.                                                                                 <!--{loop $ratelog['score'] $id $score}-->
    
34. 
    
35.                                                                                         <!--{if $score > 0}-->
    
36. 
    
37.                                                                                                 <em>{$extcredits[$id][title]} + $score $extcredits[$id][unit]</em>
    
38. 
    
39.                                                                                         <!--{else}-->
    
40. 
    
41.                                                                                                 <span>{$extcredits[$id][title]} $score $extcredits[$id][unit]</span>
    
42. 
    
43.                                                                                         <!--{/if}-->
    
44. 
    
45.                                                                                 <!--{/loop}-->
    
46. 
    
47.                                                                         </li>
    
48. 
    
49.                                                                 <!--{/loop}-->
    
50. 
    
51.                                                         </ul>
    
52. 
    
53.                                                         <!--{else}-->
    
54. 
    
55.                                                                 <!--{loop $post['ratelog'] $uid $ratelog}-->
    
56. 
    
57.                                                                         <li>
    
58. 
    
59.                                                                                 <div id="rate_{$post[pid]}_{$uid}_menu" class="attach_popup" style="display: none;">
    
60. 
    
61.                                                                                         <p class="cornerlayger">$ratelog[reason] &nbsp;&nbsp;
    
62. 
    
63.                                                                                                 <!--{loop $ratelog['score'] $id $score}-->
    
64. 
    
65.                                                                                                         <!--{if $score > 0}-->
    
66. 
    
67.                                                                                                                 <em>{$extcredits[$id][title]} + $score $extcredits[$id][unit]</em>
    
68. 
    
69.                                                                                                         <!--{else}-->
    
70. 
    
71.                                                                                                                 <span>{$extcredits[$id][title]} $score $extcredits[$id][unit]</span>
    
72. 
    
73.                                                                                                         <!--{/if}-->
    
74. 
    
75.                                                                                                 <!--{/loop}-->
    
76. 
    
77.                                                                                         </p>
    
78. 
    
79.                                                                                         <p class="minicorner"></p>
    
80. 
    
81.                                                                                 </div>
    
82. 
    
83.                                                                                 <p id="rate_{$post[pid]}_{$uid}" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" class="rateavatar"><a href="space.php?uid=$uid" target="_blank">{echo discuz_uc_avatar($uid, 'small');}</a></p>
    
84. 
    
85.                                                                                 <p><a href="space.php?uid=$uid" target="_blank">$ratelog[username]</a></p>
    
86. 
    
87.                                                                         </li>
    
88. 
    
89.                                                                 <!--{/loop}-->
    
90. 
    
91.                                                         <!--{/if}-->
    
92. 
    
93.                                                         </ul>
    
94. 
    
95.                                                 </dd>
    
96. 
    
97.                                         </dl>

複製代碼

删除后替换为{subtemplate viewthread_rate}

如图：

下載 (76.69 KB)

2013-6-5 22:51

3、打开css_common.htm在最后面添加以下CSS

1. /* 贴子评分美化 */
   
2. 
   
3. .thread_add_main{padding-top:6px;width:758px;border:1px solid #D0D0BF;background:#F8F8F8;overflow:hidden;margin-top:20px;}.ratelog .thread_add_foot{background-position:-5px -960px;}.ratelog .thread_add_foot span{background-position:0 -960px;}.rate_main{}.rate_main h5{height:30px;line-height:30px;text-indent:10px;font-size:12px;}.rate_scorelist{padding:5px 10px;overflow:hidden;}.rate_scorelist li{height:21px;line-height:21px;overflow:hidden;}.rate_scorelist span{float:left;overflow:hidden;}.rate_user{width:110px;}.rate_time{width:150px;}.rate_cent{width:150px;text-indent:18px;}.rate_cent strong{float:left;font-weight:100;}.icon_add{color:#FC6D02;background-position:0 -1246px;}.icon_minus{color:#62910A;background-position:0 -1282px;}.icon_gold{color:#E2AA14;background-position:0 -1319px;}.rate_msg{width:auto;}.rate_total{padding:2px 0 0 10px;height:30px;line-height:30px;width:748px;}.rate_option{float:right;margin-right:3px;height:22px;background:none;overflow:hidden;}.rate_option li{float:left;margin-left:-2px;padding:4px 7px 0 7px;}

複製代碼

如图：

下載 (129.02 KB)

2013-6-5 22:51

更新缓存后，去评个分看看效果吧。