免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
12
返回列表 發帖

Rank: 7Rank: 7Rank: 7

積分
5072 
威望
5072  
金錢
2846  
最後登錄
2025-5-30 

熱心會員貢獻特別級會員資深版主正式版主中級會員高級會員金牌會員論壇元老
1# 跳轉到 » 倒序看帖
打印
tT
无界發表於 2013-6-5 22:59 | 只看該作者

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

先看效果 ：

7.jpg

方法：
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>
複製代碼

如图：
4.jpg

2、打开viewthread_node.htm找到
  1. <dl class="newrate">

  3.                                                 <dt>

  5.                                                         <!--{if !empty($postlist[$post[pid]]['totalrate'])}-->

  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>

  9.                                                                 <p>{lang thread_rate_count}</p>

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

  13.                                                 </dt>

  15.                                                 <dd>

  17.                                                         <ul class="s_clear">

  19.                                                         <div id="post_rate_$post[pid]"></div>

  21.                                                         <!--{if $ratelogon}-->

  23.                                                                 <ul class="s_clear ratelist">

  25.                                                                 <!--{loop $post['ratelog'] $uid $ratelog}-->

  27.                                                                         <li id="rate_{$post[pid]}_{$uid}" class="ratelistavatar">

  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>

  31.                                                                                 $ratelog[reason]

  33.                                                                                 <!--{loop $ratelog['score'] $id $score}-->

  35.                                                                                         <!--{if $score > 0}-->

  37.                                                                                                 <em>{$extcredits[$id][title]} + $score $extcredits[$id][unit]</em>

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

  41.                                                                                                 <span>{$extcredits[$id][title]} $score $extcredits[$id][unit]</span>

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

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

  47.                                                                         </li>

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

  51.                                                         </ul>

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

  55.                                                                 <!--{loop $post['ratelog'] $uid $ratelog}-->

  57.                                                                         <li>

  59.                                                                                 <div id="rate_{$post[pid]}_{$uid}_menu" class="attach_popup" style="display: none;">

  61.                                                                                         <p class="cornerlayger">$ratelog[reason] &nbsp;&nbsp;

  63.                                                                                                 <!--{loop $ratelog['score'] $id $score}-->

  65.                                                                                                         <!--{if $score > 0}-->

  67.                                                                                                                 <em>{$extcredits[$id][title]} + $score $extcredits[$id][unit]</em>

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

  71.                                                                                                                 <span>{$extcredits[$id][title]} $score $extcredits[$id][unit]</span>

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

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

  77.                                                                                         </p>

  79.                                                                                         <p class="minicorner"></p>

  81.                                                                                 </div>

  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>

  85.                                                                                 <p><a href="space.php?uid=$uid" target="_blank">$ratelog[username]</a></p>

  87.                                                                         </li>

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

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

  93.                                                         </ul>

  95.                                                 </dd>

  97.                                         </dl>
複製代碼

删除后替换为{subtemplate viewthread_rate}

如图：
5.jpg

3、打开css_common.htm在最后面添加以下CSS
  1. /* 贴子评分美化 */

  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;}
複製代碼


如图：
6.jpg

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

評分人數

收藏 分享
爱秀代码

Rank: 3Rank: 3

積分
420 
威望
420  
金錢
173  
最後登錄
2018-9-4 
2#
jinse發表於 2013-6-6 06:21 | 只看該作者
看上去很有爱的感脚

TOP

Rank: 6Rank: 6

積分
2835 
威望
2835  
金錢
2475  
最後登錄
2018-10-27 

金牌會員中級會員高級會員
3#
pigeon發表於 2013-6-6 07:56 | 只看該作者
感谢分享。。

TOP

Rank: 6Rank: 6

積分
1845 
威望
1845  
金錢
1835  
最後登錄
2019-7-15 

金牌會員中級會員高級會員
4#
empty發表於 2013-6-6 08:16 | 只看該作者
谢谢楼主分享，谁干了这个，贴个地址出来预览一下啊，整体效果预览一下~
我是阿陌，很高兴和大家成为很好的朋友 嘘～我是不会告诉你我是一个逗比的,哼！  耽美小说包下载论坛 腐女/腐男入

TOP

Rank: 6Rank: 6

積分
1461 
威望
1461  
金錢
399  
最後登錄
2021-5-11 

中級會員高級會員金牌會員
5#
sojh發表於 2013-6-6 08:39 | 只看該作者
真心觉得不错啊这个
帖子大头像+长头像 (´･ω･`)

TOP

Rank: 7Rank: 7Rank: 7

積分
8707 
威望
8707  
金錢
10119  
最後登錄
2025-12-16 

中級會員高級會員金牌會員論壇元老正式版主資深版主熱心會員
6#
4rphotoclub發表於 2013-6-6 10:35 | 只看該作者
這個一定要好好收下來啊
歡迎大家齊來加入4R網上攝影會

TOP

Rank: 3Rank: 3

積分
489 
威望
489  
金錢
138  
最後登錄
2020-9-6 

中級會員
7#
luluxiuMUGEN發表於 2013-6-6 12:18 | 只看該作者
不错啊。。

TOP

Rank: 7Rank: 7Rank: 7

積分
21680 
威望
21680  
金錢
21917  
最後登錄
2025-10-1 

貢獻優秀級會員正式版主論壇元老金牌會員高級會員中級會員
8#
superman1024發表於 2013-6-6 12:56 | 只看該作者
謝謝分享，等到需要時再用

TOP

Rank: 8Rank: 8

積分
5886 
威望
5886  
金錢
5644  
最後登錄
2016-9-13 

論壇元老金牌會員高級會員中級會員
9#
达人小G發表於 2013-6-7 09:21 | 只看該作者
很不错的评分美化，支持
欢迎来我Q群玩耍，群号159218504，群号没有错哦

TOP

Rank: 2

積分
112 
威望
112  
金錢
112  
最後登錄
2024-10-8 
10#
longzu發表於 2013-6-7 12:31 | 只看該作者
用完没效果...连评分都不显示了求救...

TOP

12
返回列表