繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
[分享]
分享,收藏,评分,复制,道具贴内合一美化版
[打印本頁]
作者:
无界
時間:
2013-12-7 16:18
標題:
分享,收藏,评分,复制,道具贴内合一美化版
本帖最後由 无界 於 2014-6-2 16:11 編輯
这个代码早就有了,是discuz官方某个大神作品,前几天看到sclub论坛有会员咨询,特意找出来整理一下拿出来与大家共享!sclub测试使用正常。
先看截图:
下載
(35.47 KB)
2013-12-7 15:56
下載
(48.23 KB)
2013-12-7 16:40
修改方法:
一、编辑
viewthread_node.htm
模板
1、找到代码
{$pluginhooks[viewthread_postbottom][$postcount]}
複製代碼
和
<div id="post_rate_div_$post[pid]"></div>
複製代碼
将这两句中间代码(
是中间代码哦,不包括这两句
),替换为:
<!--{if !empty($post['ratelog'])}-->
<style type="text/css">
/* 贴子评分 */
.rate_main{width:700px;border:1px solid #D0D0BF;background:#F8F8F8;margin-top:20px;padding:10px}
.rate_main h5{height:30px;font-size:12px;}
.rate_list{width:100%}
.rate_list li{ width:100%; height:20px; line-height:20px; padding:2px 0}
.rate_list li:hover{ background:#f2f2f2}
.rate_user{float:left; width:120px;}
.rate_user img{border:1px solid #ccc; padding:1px;vertical-align: middle;width:20px;height:20px;}
.rate_cent{float:left; width:200px;}
.rate_cent img{padding:2px;vertical-align: middle;}
.rate_cent strong{padding-right:5px}
.rate_msg{float:right; width:380px; margin-top:5px}
.rate_msg em{font-size:10px; float:right}
.rate_total{padding:5px 0 0 0; border-top:1px solid #ccc; margin-top:10px }
.rate_option{ float:right;}
/* 贴子评分结束 */
</style>
<div class="rate_main">
<h5>评分记录</h5>
<ul class="rate_list">
<!--{loop $post['ratelog'] $uid $ratelog}-->
<li>
<div class="rate_user">
<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>
</div>
<div class="rate_cent">
<!--{loop $ratelog['score'] $id $score}-->
<!--{if $score > 0}-->
<img src="http://tlb.look.in/zg/_agree.gif" alt="" /><em><font color="#ff6600">{$extcredits[$id][title]} + $score $extcredits[$id][unit]</font></em>
<!--{else}-->
<img src="http://tlb.look.in/zg/_disagree.gif" alt="" /><em><font color="#62910A">{$extcredits[$id][title]} $score $extcredits[$id][unit]</font></em>
<!--{/if}-->
<!--{/loop}-->
</div>
<div class="rate_msg">
<em>$ratelog[dateline]</em>$ratelog[reason]
</div>
</li>
<!--{/loop}-->
</ul>
<div class="rate_total">
<span class="rate_option">
<a href="misc.php?action=viewratings&tid=$tid&pid=$post[pid]" onclick="showWindow('viewratings', this.href);return false;" title="{lang thread_rate_log_lately}">查看评分记录</a>
</span>
总计:<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> 人评分 共 <strong>{echo $postlist[$post[pid]][rate];}</strong> 积分
</div>
</div>
<!--{else}-->
複製代碼
2、
再找到
<div class="useraction{if $allowrecommend && $recommendthread[status]} nrate{/if}">
複製代碼
在这段
下
面加上
<!--// 帖子复制地址代码开始 -->
<!--{if $post['number'] == 1}-->
<script language="JavaScript">
<!--
function copyUrl(url){
var content='';
window.clipboardData.setData("Text",url);
alert("复制成功,您可以用Ctrl+V粘贴到你的QQ/MSN上推荐给你的好友");
}//-->
</script>
<br>
<a id="tuijian" href="javascript:copyUrl('$post[subject]\n{$boardurl}thread-$tid-1-1.html')">复制</a></font>
<!--{/if}-->
<!--// 帖子复制地址代码结束 -->
<!-- // 道具代码开始 -->
<a id="daoju" a href="magic.php?action=getmagic&fid=$fid&pid=$post[pid]" id="usermagicopt$post[pid]" class="dropmenu">道具</a>
<!-- // 道具代码结束 -->
複製代碼
3、然后找到
<a href="javascript:;" id="share" onclick="showDialog($('sharewin').innerHTML, 'info', '{lang thread_share}')">{lang thread_share}</a>
複製代碼
在
下
面加
<!--// 评分代码开始 -->
<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>
<!--// 评分代码结束 -->
複製代碼
修改viewthread_node.htm结束,提交。
二、编辑
css_script.htm
1、找到
.useraction #share { background-position: 0 -50px; }
複製代碼
在
下
面加
.useraction #tuijian { background-position: 0 -100px; }
.useraction #biaoyang { background-position: 0 -150px; }
.useraction #daoju { background-position: 0 -200px; }
複製代碼
2、再找到
本帖隱藏的內容需要回復才可以瀏覽
3、
追加一条找到
.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
图片附件失效了,在这里补上。
下載
(2.37 KB)
2014-6-2 16:10
圖片附件:
QQ截图20131207155305.jpg
(2013-12-7 15:56, 35.47 KB) / 下載次數 3352
http://s-club.tw/discuz/attachment.php?aid=25931&k=c65f7e56c76363445fd2edcde8e480bf&t=1732321471&sid=1Yp2Xv
圖片附件:
QQ截图20131207164013.jpg
(2013-12-7 16:40, 48.23 KB) / 下載次數 3518
http://s-club.tw/discuz/attachment.php?aid=25932&k=cd5bbc6d3e3aa1e797b98e7052fcf279&t=1732321471&sid=1Yp2Xv
圖片附件:
13120719424387e70efaaeaed1.gif
(2014-6-2 16:10, 2.37 KB) / 下載次數 3377
http://s-club.tw/discuz/attachment.php?aid=36447&k=31543a9b86b04ca60b1d5c5573794045&t=1732321471&sid=1Yp2Xv
作者:
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
<!--{if !empty($post['ratelog'])}-->
<dl class="newrate">
<dt>
<!--{if !empty($postlist[$post[pid]]['totalrate'])}-->
<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>
<!--{/if}-->
</dt>
<dd>
<ul class="s_clear">
<div id="post_rate_$post[pid]"></div>
<!--{if $ratelogon}-->
<ul class="s_clear ratelist">
<!--{loop $post['ratelog'] $uid $ratelog}-->
<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]
<!--{loop $ratelog['score'] $id $score}-->
<!--{if $score > 0}-->
<em>{$extcredits[$id][title]} + $score $extcredits[$id][unit]</em>
<!--{else}-->
<span>{$extcredits[$id][title]} $score $extcredits[$id][unit]</span>
<!--{/if}-->
<!--{/loop}-->
</li>
<!--{/loop}-->
</ul>
<!--{else}-->
<!--{loop $post['ratelog'] $uid $ratelog}-->
<li>
<div id="rate_{$post[pid]}_{$uid}_menu" class="attach_popup" style="display: none;">
<p class="cornerlayger">$ratelog[reason]
<!--{loop $ratelog['score'] $id $score}-->
<!--{if $score > 0}-->
<em>{$extcredits[$id][title]} + $score $extcredits[$id][unit]</em>
<!--{else}-->
<span>{$extcredits[$id][title]} $score $extcredits[$id][unit]</span>
<!--{/if}-->
<!--{/loop}-->
</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>
<!--{/loop}-->
<!--{/if}-->
</ul>
</dd>
</dl>
<!--{else}-->
複製代碼
作者:
无界
時間:
2013-12-7 20:01
回復
8#
pigeon
我看了你的论坛,可以打开呀
作者:
pigeon
時間:
2013-12-7 20:08
刚才对照了,有些错误改正了,可是下面的按钮排版不对呀,怎么修改呢?
下載
(51.7 KB)
2013-12-7 20:08
圖片附件:
QQ截图20131207201225.jpg
(2013-12-7 20:08, 51.7 KB) / 下載次數 1629
http://s-club.tw/discuz/attachment.php?aid=25964&k=3a4d289f0b6b16fac80ebbb0c3243734&t=1732321471&sid=1Yp2Xv
作者:
藍玥清
時間:
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://s-club.tw/discuz/)
Powered by Discuz! 7.2