免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [分享] 分享,收藏,评分,复制,道具贴内合一美化版 [打印本頁]

作者: 无界    時間: 2013-12-7 16:18     標題: 分享,收藏,评分,复制,道具贴内合一美化版

本帖最後由 无界 於 2014-6-2 16:11 編輯

这个代码早就有了,是discuz官方某个大神作品,前几天看到sclub论坛有会员咨询,特意找出来整理一下拿出来与大家共享!sclub测试使用正常。

先看截图:

QQ截图20131207155305.jpg

QQ截图20131207164013.jpg

修改方法:
一、编辑viewthread_node.htm模板

1、找到代码
  1. {$pluginhooks[viewthread_postbottom][$postcount]}
複製代碼
  1. <div id="post_rate_div_$post[pid]"></div>
複製代碼
将这两句中间代码(是中间代码哦,不包括这两句),替换为:
  1. <!--{if !empty($post['ratelog'])}-->
  2. <style type="text/css">
  3. /* 贴子评分 */   
  4. .rate_main{width:700px;border:1px solid #D0D0BF;background:#F8F8F8;margin-top:20px;padding:10px}
  5. .rate_main h5{height:30px;font-size:12px;}
  6. .rate_list{width:100%}
  7. .rate_list li{ width:100%; height:20px; line-height:20px; padding:2px 0}
  8. .rate_list li:hover{ background:#f2f2f2}
  9. .rate_user{float:left; width:120px;}
  10. .rate_user img{border:1px solid #ccc; padding:1px;vertical-align: middle;width:20px;height:20px;}
  11. .rate_cent{float:left; width:200px;}
  12. .rate_cent img{padding:2px;vertical-align: middle;}
  13. .rate_cent strong{padding-right:5px}
  14. .rate_msg{float:right; width:380px; margin-top:5px}
  15. .rate_msg em{font-size:10px; float:right}
  16. .rate_total{padding:5px 0 0 0; border-top:1px solid #ccc; margin-top:10px }
  17. .rate_option{ float:right;}
  18. /* 贴子评分结束 */  
  19. </style>

  20. <div class="rate_main">
  21.     <h5>评分记录</h5>
  22.     <ul class="rate_list">
  23.     <!--{loop $post['ratelog'] $uid $ratelog}-->
  24.         <li>
  25.             <div class="rate_user">
  26.                 <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>
  27.             </div>

  28.             <div class="rate_cent">
  29.                 <!--{loop $ratelog['score'] $id $score}-->
  30.                                         <!--{if $score > 0}-->
  31.                                                 <img src="http://tlb.look.in/zg/_agree.gif" alt="" /><em><font color="#ff6600">{$extcredits[$id][title]} + $score $extcredits[$id][unit]</font></em>
  32.                                         <!--{else}-->
  33.                                                 <img src="http://tlb.look.in/zg/_disagree.gif" alt="" /><em><font color="#62910A">{$extcredits[$id][title]} $score $extcredits[$id][unit]</font></em>
  34.                                         <!--{/if}-->
  35.                                 <!--{/loop}-->
  36.             </div>
  37.             <div class="rate_msg">
  38.                     <em>$ratelog[dateline]</em>$ratelog[reason]
  39.             </div>
  40.         </li>
  41.         <!--{/loop}-->
  42.     </ul>
  43.     <div class="rate_total">
  44.         <span class="rate_option">
  45.                     <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}">查看评分记录</a>
  46.         </span>
  47.         总计:<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> 人评分 共 <strong>{echo $postlist[$post[pid]][rate];}</strong> 积分
  48.     </div>
  49. </div>
  50. <!--{else}-->
複製代碼
2、再找到
  1. <div class="useraction{if $allowrecommend && $recommendthread[status]} nrate{/if}">
複製代碼
在这段面加上
  1. <!--// 帖子复制地址代码开始 -->
  2.                                                 <!--{if $post['number'] == 1}-->
  3.                                                 <script language="JavaScript">
  4.                                                         <!--
  5.                                                         function copyUrl(url){
  6.                                                         var content='';
  7.                                                         window.clipboardData.setData("Text",url);
  8.                                                         alert("复制成功,您可以用Ctrl+V粘贴到你的QQ/MSN上推荐给你的好友");
  9.                                                         }//-->
  10.                                                 </script>
  11.                                                 <br>
  12. <a id="tuijian" href="javascript:copyUrl('$post[subject]\n{$boardurl}thread-$tid-1-1.html')">复制</a></font>

  13.                                                 <!--{/if}-->
  14. <!--// 帖子复制地址代码结束 -->
  15. <!-- // 道具代码开始 -->
  16.                                                 <a id="daoju" a href="magic.php?action=getmagic&amp;fid=$fid&amp;pid=$post[pid]" id="usermagicopt$post[pid]" class="dropmenu">道具</a>
  17. <!-- // 道具代码结束 -->
複製代碼
3、然后找到
  1. <a href="javascript:;" id="share" onclick="showDialog($('sharewin').innerHTML, 'info', '{lang thread_share}')">{lang thread_share}</a>
複製代碼
面加
  1. <!--// 评分代码开始 -->
  2. <a id="biaoyang" {if $discuz_uid} onclick="showWindow('rate', this.href);return false;" href="misc.php?action=rate&tid=$tid&pid=$post[pid]"{else}href="logging.php?action=login"{/if}>{lang rate}</a>
  3. <!--// 评分代码结束 -->
複製代碼
修改viewthread_node.htm结束,提交。

二、编辑css_script.htm

1、找到
  1. .useraction #share { background-position: 0 -50px; }
複製代碼
面加
  1. .useraction #tuijian { background-position: 0 -100px; }
  2. .useraction #biaoyang { background-position: 0 -150px; }
  3. .useraction #daoju { background-position: 0 -200px; }
複製代碼
2、再找到
本帖隱藏的內容需要回復才可以瀏覽




3、追加一条找到
  1. .useraction { height: 50px; width: 110px; clear: both; display: block; margin: 20px auto; }
複製代碼
将默认宽度width: 110px;改为width: 300px;





修改完毕后提交,更新缓存完成。

预览地址:http://tlb.258club.com/thread-2432-1-1.html

图片附件失效了,在这里补上。
13120719424387e70efaaeaed1.gif

圖片附件: QQ截图20131207155305.jpg (2013-12-7 15:56, 35.47 KB) / 下載次數 3448
http://weclub.info/discuz/attachment.php?aid=25931&k=8f30f8358b6c762eed0342fec9946ef1&t=1732654153&sid=DGLT5A



圖片附件: QQ截图20131207164013.jpg (2013-12-7 16:40, 48.23 KB) / 下載次數 3593
http://weclub.info/discuz/attachment.php?aid=25932&k=3726358f323ce46376d9d055d37e41cf&t=1732654153&sid=DGLT5A



圖片附件: 13120719424387e70efaaeaed1.gif (2014-6-2 16:10, 2.37 KB) / 下載次數 3473
http://weclub.info/discuz/attachment.php?aid=36447&k=b44c2e17d70703634f15df636fceed1f&t=1732654153&sid=DGLT5A


作者: superman1024    時間: 2013-12-7 16:56

謝謝樓主熱心分享
作者: luluxiuMUGEN    時間: 2013-12-7 17:30

感谢LZ分享~
作者: sojh    時間: 2013-12-7 17:47

我很喜欢
作者: pigeon    時間: 2013-12-7 19:24

好复杂呀。
作者: 无界    時間: 2013-12-7 19:28

回復 5# pigeon


    还好吧、没什么大的改动,基本都是添加。
作者: party    時間: 2013-12-7 19:40

提示: 作者被禁止或刪除 內容自動屏蔽
作者: pigeon    時間: 2013-12-7 19:46

回復 6# 无界


    老大,%>_<%为什么按照你的提示改完了,论坛的帖子都打不开了?怎么办呀
作者: pigeon    時間: 2013-12-7 19:50

能不能把被替换掉的之前的东西给贴上来呀,我做失败了,论坛帖子打不开了,我要还原回去怎么办呀
作者: 无界    時間: 2013-12-7 19:59

回復 9# pigeon
  1. <!--{if !empty($post['ratelog'])}-->
  2.                                         <dl class="newrate">
  3.                                                 <dt>
  4.                                                         <!--{if !empty($postlist[$post[pid]]['totalrate'])}-->
  5.                                                                 <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>
  6.                                                                 <p>{lang thread_rate_count}</p>
  7.                                                         <!--{/if}-->
  8.                                                 </dt>
  9.                                                 <dd>
  10.                                                         <ul class="s_clear">
  11.                                                         <div id="post_rate_$post[pid]"></div>
  12.                                                         <!--{if $ratelogon}-->
  13.                                                                 <ul class="s_clear ratelist">
  14.                                                                 <!--{loop $post['ratelog'] $uid $ratelog}-->
  15.                                                                         <li id="rate_{$post[pid]}_{$uid}" class="ratelistavatar">
  16.                                                                                 <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>
  17.                                                                                 $ratelog[reason]
  18.                                                                                 <!--{loop $ratelog['score'] $id $score}-->
  19.                                                                                         <!--{if $score > 0}-->
  20.                                                                                                 <em>{$extcredits[$id][title]} + $score $extcredits[$id][unit]</em>
  21.                                                                                         <!--{else}-->
  22.                                                                                                 <span>{$extcredits[$id][title]} $score $extcredits[$id][unit]</span>
  23.                                                                                         <!--{/if}-->
  24.                                                                                 <!--{/loop}-->
  25.                                                                         </li>
  26.                                                                 <!--{/loop}-->
  27.                                                         </ul>
  28.                                                         <!--{else}-->
  29.                                                                 <!--{loop $post['ratelog'] $uid $ratelog}-->
  30.                                                                         <li>
  31.                                                                                 <div id="rate_{$post[pid]}_{$uid}_menu" class="attach_popup" style="display: none;">
  32.                                                                                         <p class="cornerlayger">$ratelog[reason] &nbsp;&nbsp;
  33.                                                                                                 <!--{loop $ratelog['score'] $id $score}-->
  34.                                                                                                         <!--{if $score > 0}-->
  35.                                                                                                                 <em>{$extcredits[$id][title]} + $score $extcredits[$id][unit]</em>
  36.                                                                                                         <!--{else}-->
  37.                                                                                                                 <span>{$extcredits[$id][title]} $score $extcredits[$id][unit]</span>
  38.                                                                                                         <!--{/if}-->
  39.                                                                                                 <!--{/loop}-->
  40.                                                                                         </p>
  41.                                                                                         <p class="minicorner"></p>
  42.                                                                                 </div>
  43.                                                                                 <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>
  44.                                                                                 <p><a href="space.php?uid=$uid" target="_blank">$ratelog[username]</a></p>
  45.                                                                         </li>
  46.                                                                 <!--{/loop}-->
  47.                                                         <!--{/if}-->
  48.                                                         </ul>
  49.                                                 </dd>
  50.                                         </dl>
  51.                                 <!--{else}-->
複製代碼

作者: 无界    時間: 2013-12-7 20:01

回復 8# pigeon


    我看了你的论坛,可以打开呀
作者: pigeon    時間: 2013-12-7 20:08

刚才对照了,有些错误改正了,可是下面的按钮排版不对呀,怎么修改呢?

QQ截图20131207201225.jpg

圖片附件: QQ截图20131207201225.jpg (2013-12-7 20:08, 51.7 KB) / 下載次數 1674
http://weclub.info/discuz/attachment.php?aid=25964&k=21677b9d77c9ecaf71081420ebe599ef&t=1732654153&sid=DGLT5A


作者: 藍玥清    時間: 2013-12-7 20:11

蠻美觀的,加來看的。
作者: 无界    時間: 2013-12-7 20:16

回復 12# pigeon


    打开css_script.htm 找到

.useraction { height: 50px; width: 110px; clear: both; display: block; margin: 20px 225px; }

把width: 110px; 改为width: 300px;
作者: 愛愛    時間: 2013-12-7 20:16

這個教學真不錯來學習看看謝謝教學
作者: pigeon    時間: 2013-12-7 20:30

回復 14# 无界


    灰常感谢,已经好了,3Q
作者: 无界    時間: 2013-12-8 11:29

好了就ok
作者: qingchunwu    時間: 2013-12-8 14:09

支持无界大叔
作者: hiyindj    時間: 2013-12-8 18:00

提示: 作者被禁止或刪除 內容自動屏蔽
作者: 猫千户    時間: 2013-12-10 13:12

真好看,谢谢
作者: 有机兔子    時間: 2013-12-15 16:40

感谢分享
作者: 情蕭    時間: 2013-12-19 08:32

謝謝樓主熱心分享
作者: heivs    時間: 2013-12-19 09:49

相当赞
作者: 墨色    時間: 2013-12-30 10:25

这个很漂亮也很实用,谢谢分享
作者: skymild    時間: 2013-12-30 13:51

謝謝大大分享~學習了
作者: lincas    時間: 2014-1-5 15:24

ddddddddddddddddd
作者: 情蕭    時間: 2014-1-5 19:57

看效果图,似乎下面横排中的评分按钮依旧在。。。
作者: 无界    時間: 2014-1-5 21:18

回復 27# 情蕭


    嗯,那个也可以去掉。
作者: qqsu    時間: 2014-5-2 15:45

很好看!谢谢分享!
作者: QQ58    時間: 2014-5-2 22:19

看一看再说~!
作者: peanutbaby    時間: 2014-5-31 07:59

謝謝分享
作者: jinse    時間: 2014-5-31 22:50

好棒的代码
作者: Couvrir    時間: 2014-6-1 00:55

谢谢教学~
作者: goodjob    時間: 2014-6-1 01:32

感謝分享教學~辛苦了
作者: yuminbbs    時間: 2016-10-8 15:35

谢谢分享
作者: 海藍    時間: 2016-12-2 20:01

謝謝分享
作者: 真新人    時間: 2017-10-3 17:06

感謝分享
作者: 彌花    時間: 2017-11-8 23:23

感覺不錯~來用看看
謝分享
作者: gscggame    時間: 2018-4-5 13:03

回復 1# 无界


    GOOD!!!!!!!!!!
作者: 舞动    時間: 2018-4-22 16:52

你的熱心提醒,大家才不會又弄錯了.




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://weclub.info/discuz/) Powered by Discuz! 7.2