免費論壇

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

分享

SCLUB免費論壇申請-使用者論壇 » Discuz--代碼美化 » 帖子评分美化代码

返回列表發帖

Rank: 7 Rank: 7 Rank: 7

積分: 5068
威望: 5068
金錢: 2878
最後登錄: 2024-11-2

熱心會員貢獻特別級會員資深版主正式版主中級會員高級會員金牌會員論壇元老

1^# 跳轉到 » 正序看帖

字體大小: tT

无界發表於 2013-6-5 22:59 | 只看該作者

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

先看效果：

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

<div class="thread_add_main rate_main">
<h5 class="c_stress">
评分记录
</h5>
<ul class="rate_scorelist">
<li>
<span id="rate_user">
<img src="uc_server/avatar.php?uid=$uid&size=middle" width="20" height="20" align="absmiddle" />
<a href="space.php?uid=$uid" target="_blank">$ratelog[username]</a></span>
<span class="rate_time">
$ratelog[dateline]
</span>
<span class="rate_cent">
<strong class="icon icon_add">
<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>
<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>
</strong>
</span>
<span class="rate_msg">
$ratelog[reason]
</span>
</li>
</ul>
<div class="rate_total c_stress">
<ul class="icon rate_option">
<li>
<a href="memcp.php?action=usergroups" target="_blank">查看会员权限</a></li>
</ul>
<span class="c_weak">总计：</span>
<span class="c_warn">{echo $postlist[$post[pid]][rate];}</span> 金币
</div>
</div>

複製代碼

如图：

2、打开viewthread_node.htm找到

<dl class="newrate">
<dt>
<strong><a href="misc.php?action=viewratings&tid=$tid&pid=$post[pid]" onclick="showWindow('viewratings', this.href);return false;" title="{lang thread_rate_log_lately}">{echo count($postlist[$post[pid]][totalrate]);}</a></strong>
<p>{lang thread_rate_count}</p>
</dt>
<dd>
<ul class="s_clear">
<div id="post_rate_$post[pid]"></div>
<ul class="s_clear ratelist">
<li id="rate_{$post[pid]}_{$uid}" class="ratelistavatar">
<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>
$ratelog[reason]
<em>{$extcredits[$id][title]} + $score $extcredits[$id][unit]</em>
<span>{$extcredits[$id][title]} $score $extcredits[$id][unit]</span>
</li>
</ul>
<li>
<div id="rate_{$post[pid]}_{$uid}_menu" class="attach_popup" style="display: none;">
<p class="cornerlayger">$ratelog[reason]   
<em>{$extcredits[$id][title]} + $score $extcredits[$id][unit]</em>
<span>{$extcredits[$id][title]} $score $extcredits[$id][unit]</span>
</p>
<p class="minicorner"></p>
</div>
<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>
<p><a href="space.php?uid=$uid" target="_blank">$ratelog[username]</a></p>
</li>
</ul>
</dd>
</dl>

複製代碼

删除后替换为{subtemplate viewthread_rate}

如图：

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

/* 贴子评分美化 */
.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;}

複製代碼

如图：

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

2 評分人數

精品文章 威望 + 4

bossll
我很贊同 威望 + 2

4rphotoclub

爱秀代码

Rank: 3 Rank: 3

積分: 266
威望: 266
金錢: 42
最後登錄: 2024-4-8

20^#

夜影o夜空發表於 2016-10-2 20:20 | 只看該作者

感謝無界大哥的分享

Rank: 3 Rank: 3

積分: 319
威望: 319
金錢: 3
最後登錄: 2017-9-16

19^#

jieung110發表於 2014-6-1 18:30 | 只看該作者

仿X系列的的確不錯

Rank: 4

積分: 832
威望: 832
金錢: 308
最後登錄: 2022-12-14

中級會員高級會員

18^#

QQ58發表於 2014-5-2 22:47 | 只看該作者

先尝试一下再说················

Rank: 2

積分: 53
威望: 53
金錢: 33
最後登錄: 2014-4-10

17^#

阿布。發表於 2013-12-31 00:14 | 只看該作者

0 0 不错，收了慢慢整

Rank: 2

積分: 178
威望: 178
金錢: 14
最後登錄: 2015-7-22

16^#

ElaineWU發表於 2013-8-31 11:47 | 只看該作者

謝謝分享

Rank: 3 Rank: 3

積分: 405
威望: 405
金錢: 322
最後登錄: 2017-5-24

15^#

rabbit發表於 2013-7-27 15:38 | 只看該作者

这个有bug，一个管理评分两次第二次的记录就会显示不完全~
其实还是挺好看的。希望能改进一下 ~！

Rank: 2

積分: 105
威望: 105
金錢: 43
最後登錄: 2020-4-7

14^#

伊小璇發表於 2013-7-15 21:12 | 只看該作者

刚想用。。。看了楼上几位的不敢了求修正~

Rank: 2

積分: 170
威望: 170
金錢: 0
最後登錄: 2013-9-23

13^#

秋本-树怜發表於 2013-7-15 20:40 | 只看該作者

同10L 一样显示不来

http://gtakamenmod.66rt.com

Rank: 2

積分: 170
威望: 170
金錢: 0
最後登錄: 2013-9-23

12^#

秋本-树怜發表於 2013-7-15 20:04 | 只看該作者

很不错~~~

http://gtakamenmod.66rt.com