给SS7.0添加“顶踩”功能（5月5日修订）

这里给大家分享一个SS7.0添加顶踩的功能，演示地址：
内文页面http://www.365724.com/viewnews-45-page-1.html
评论页面http://www.365724.com/action-viewcomment-itemid-44.html
具体方法：
1、修改模板目录css下的common.css查找

1. #xspace-rates { text-align:center; height:50px; padding:20px 0; border-bottom:none; margin-bottom:0; }
   
2. #xspace-rates-bg { width:210px; height:30px; margin:0 auto 5px; background:url(../../../images/base/rate_star.gif); }
   
3.         #xspace-rates-star { height:30px; background:url(../../../images/base/rate_star.gif) 0 -30px; margin:0 auto 0 0; }
   
4.         #xspace-rates-a { height:30px; margin-top:-30px; }
   
5.         #xspace-rates a { float:left; text-align:left; width:30px; height:30px; text-indent:-999px; overflow:hidden; background-color:transparent !important; }
   
6.         .xspace-rates-5 { width:30px; }
   
7.         .xspace-rates-3 { width:60px; }
   
8.         .xspace-rates-1 { width:90px; }
   
9.         .xspace-rates0 { width:120px; }
   
10.         .xspace-rates1 { width:150px; }
    
11.         .xspace-rates3 { width:180px; }
    
12.         .xspace-rates5 { width:210px; }

复制代码

替换为

1. #xspace-rates { text-align: center; background: #FFF; padding: 10px 0 20px 0; border-bottom: none; margin-bottom: 0; }
   
2. #xspace-rates-bg { width: 320px; /*background: url(../../../images/base/rate_star.gif);*/ }
   
3. #xspace-rates-star { }
   
4. #xspace-rates-a {  }
   
5. #xspace-rates a { float: left; text-align: center; width: 60px; height: 67px; margin:0 10px; overflow: hidden; }
   
6. /* .xspace-rates-5 { width: 30px; }
   
7. .xspace-rates-3 { width: 60px; }
   
8. .xspace-rates-1 { width: 90px; }
   
9. .xspace-rates0 { width: 120px; }
   
10. .xspace-rates1 { width: 150px; }
    
11. .xspace-rates3 { width: 180px; }
    
12. .xspace-rates5 { width: 210px; }*/

复制代码

2、在css文件的最底部添加

1. a.newbtn {position:relative;font-size:120px;}
   
2. a.newbtn .pos_1{position:absolute;top:2px;left:18px;}
   
3. a.newbtn .pos_2{position:absolute;top:27px;left:0px; width:60px;height:15px;text-align:center;font-size:12px;line-height:normal;}
   
4. a.newbtn .pos_3{position:absolute;top:17px;left:0px; width:60px;height:15px;text-align:center;font-size:12px;line-height:normal;}
   
5. a.newbtn:link, a.newbtn:visited, a.newbtn:hover, a.newbtn:active {text-decoration:none;}
   
6. a.newbtn_box1{color:#F00;}
   
7. a.newbtn_box2{color:#360;}

复制代码

3、修改news_view.html.php
查找

1.                         <div class="block" id="xspace-rates">
   
2.                                 <div id="xspace-rates-bg">
   
3.                                         <div id="xspace-rates-star" class="xspace-rates0">&nbsp;</div>
   
4.                                         <div id="xspace-rates-a">
   
5.                                                 <a href="javascript:;" onmouseover="rateHover(-5);" onmouseout="rateOut();" onclick="setRateXML('-5', '$news[itemid]');">-5</a>
   
6.                                                 <a href="javascript:;" onmouseover="rateHover(-3);" onmouseout="rateOut();" onclick="setRateXML('-3', '$news[itemid]');">-3</a>
   
7.                                                 <a href="javascript:;" onmouseover="rateHover(-1);" onmouseout="rateOut();" onclick="setRateXML('-1', '$news[itemid]');">-1</a>
   
8.                                                 <a href="javascript:;" onmouseover="rateHover(0);" onmouseout="rateOut();" onclick="setRateXML('0', '$news[itemid]');">-</a>
   
9.                                                 <a href="javascript:;" onmouseover="rateHover(1);" onmouseout="rateOut();" onclick="setRateXML('1', '$news[itemid]');">+1</a>
   
10.                                                 <a href="javascript:;" onmouseover="rateHover(3);" onmouseout="rateOut();" onclick="setRateXML('3', '$news[itemid]');">+3</a>
    
11.                                                 <a href="javascript:;" onmouseover="rateHover(5);" onmouseout="rateOut();" onclick="setRateXML('5', '$news[itemid]');">+5</a>
    
12.                                         </div>
    
13.                                         <input type="hidden" id="xspace-rates-value" name="rates" value="0" />
    
14.                                 </div>
    
15.                                 <p>评分：<span id="xspace-rates-tip">0</span></p>
    
16.                         </div>

复制代码

修改为

1. <div id="xspace-rates" class="block">
   
2. <div id="xspace-rates-bg">
   
3. <div id="xspace-rates-star" class="xspace-rates0">&nbsp;</div>
   
4. <div id="xspace-rates-a">
   
5.                 <a href="#action/viewcomment/itemid/$news[itemid]#" ><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/topic_act_1.gif" width="60" height="67" alt="我要发言"  /></a>
   
6. <a href="javascript:;" class="newbtn newbtn_box2" onmouseover="rateHover(-1);" onmouseout="rateOut();" onclick="setRateXML('-1', '$news[itemid]');"><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/topac_cai.gif" width="60" height="67" style="cursor: pointer;" /><div class="pos_1"><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/cai.gif" width="21" height="21" style="cursor: pointer;" /></div><div class="pos_2" id="topac_cai_shower">$news[badrate]次</div></a>
   
7. <a href="javascript:;" class="newbtn newbtn_box1" onmouseover="rateHover(1);" onmouseout="rateOut();" onclick="setRateXML('1', '$news[itemid]');"><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/topac_ding.gif" width="60" height="67" style="cursor: pointer;" /><div class="pos_1"><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/ting.gif" width="21" height="21" style="cursor: pointer;" /></div><div class="pos_2" id="topac_ding_shower">$news[goodrate]次</div></a>
   
8.                     <a href="{S_URL}/"><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/topic_act_3.gif" width="60" height="67" alt="返回首页" /></a>
   
9. </div>
   
10. <input type="hidden" id="xspace-rates-value" name="rates" value="0" />
    
11. </div>
    
12. <p style="display:none;">评分：<span id="xspace-rates-tip">0</span></p>
    
13. </div>

复制代码

4、把附件上传到css目录下即可
ding.rar (7.84 KB, 下载次数: 289)

2009-5-5 06:02 上传

点击文件名下载附件
润滑油商务网

5、修改news_viewcomment.html.php
查找

1.                         <div class="block" id="xspace-rates">
   
2.                                 <div id="xspace-rates" class="block">
   
3.                                 <div id="xspace-rates-bg">
   
4.                                         <div id="xspace-rates-star" class="xspace-rates0">&nbsp;</div>
   
5.                                         <div id="xspace-rates-a">
   
6.                                                 <a href="javascript:;" onmouseover="rateHover(-5);" onmouseout="rateOut();" onclick="setRateXML('-5', '$news[itemid]');">-5</a>
   
7.                                                 <a href="javascript:;" onmouseover="rateHover(-3);" onmouseout="rateOut();" onclick="setRateXML('-3', '$news[itemid]');">-3</a>
   
8.                                                 <a href="javascript:;" onmouseover="rateHover(-1);" onmouseout="rateOut();" onclick="setRateXML('-1', '$news[itemid]');">-1</a>
   
9.                                                 <a href="javascript:;" onmouseover="rateHover(0);" onmouseout="rateOut();" onclick="setRateXML('0', '$news[itemid]');">-</a>
   
10.                                                 <a href="javascript:;" onmouseover="rateHover(1);" onmouseout="rateOut();" onclick="setRateXML('1', '$news[itemid]');">+1</a>
    
11.                                                 <a href="javascript:;" onmouseover="rateHover(3);" onmouseout="rateOut();" onclick="setRateXML('3', '$news[itemid]');">+3</a>
    
12.                                                 <a href="javascript:;" onmouseover="rateHover(5);" onmouseout="rateOut();" onclick="setRateXML('5', '$news[itemid]');">+5</a>
    
13.                                         </div>
    
14.                                         <input type="hidden" id="xspace-rates-value" name="rates" value="0" />
    
15.                                 </div>
    
16.                                 <p>评分：<span id="xspace-rates-tip">0</span></p>
    
17.                                 </div>
    
18.                         </div>

复制代码

修改为

1. <div id="xspace-rates" class="block">
   
2. <div id="xspace-rates-bg">
   
3. <div id="xspace-rates-star" class="xspace-rates0">&nbsp;</div>
   
4. <div id="xspace-rates-a">
   
5.                 <a href="#action/viewcomment/itemid/$news[itemid]#" ><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/topic_act_1.gif" width="60" height="67" alt="我要发言"  /></a>
   
6. <a href="javascript:;" class="newbtn newbtn_box2" onmouseover="rateHover(-1);" onmouseout="rateOut();" onclick="setRateXML('-1', '$item[itemid]');"><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/topac_cai.gif" width="60" height="67" style="cursor: pointer;" /><div class="pos_1"><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/cai.gif" width="21" height="21" style="cursor: pointer;" /></div><div class="pos_2" id="topac_cai_shower">$item[badrate]次</div></a>
   
7. <a href="javascript:;" class="newbtn newbtn_box1" onmouseover="rateHover(1);" onmouseout="rateOut();" onclick="setRateXML('1', '$item[itemid]');"><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/topac_ding.gif" width="60" height="67" style="cursor: pointer;" /><div class="pos_1"><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/ting.gif" width="21" height="21" style="cursor: pointer;" /></div><div class="pos_2" id="topac_ding_shower">$item[goodrate]
   
8. </div></a>
   
9.                     <a href="{S_URL}/"><img src="{S_URL}/templates/$_SCONFIG[template]/css/ding/topic_act_3.gif" width="60" height="67" alt="返回首页" /></a>
   
10. </div>
    
11. <input type="hidden" id="xspace-rates-value" name="rates" value="0" />
    
12. </div>
    
13. <p style="display:none;">评分：<span id="xspace-rates-tip">0</span></p>
    
14. </div>

复制代码

6、如果你用的模板不是默认的，请对照修改即可。
对于3楼的问题，是我把第5步遗忘的原因，抱歉。
演示如下：

顶你..这样的好功能不顶你都不行啊

谢谢，手下了，另外在留言页面有点问题，显示的都是数字，你看下

很不错，谢谢分享。

支持！！！！！！！！！！！！！！1

支持,支持..!

谢谢楼主分享
已成功修改
演示地址：http://www.aixifu.com/mys/html/08/n-21208.html

严重鄙视之用不回的！！！

有问题期待楼主解决！
http://www.aixifu.com/mys/?action-viewcomment-itemid-21208
你的站也是这效果！！！

支持兄弟