绝对超强插件,给认证用户加个图标功能

打了雷，
要下雨啊。:)

支持一下高手同志。

晕
哪有放啊？？？

请问一下，怎样认证啊？

kao le
hai bufa

您做好了吗?

晕。LZ是骗人的吧

:time:

实现给认证用户加个图标的功能,以下是演示图片,采用了第一种方案,图标也是自己设计,由于设计的不好,放在用户名旁边会把用户头像挤出,所以只能放在用户头像上面,不过只要图标设计成20X20格式的,应该不会有问题,可以实现第二种方案...

演示地址:http://www.shingfu.cn/home/space.php?uid=3

实现步骤:
1.找到header.htm模板,找到一下代码,并添红色部分代码:

1. 
   
2. <script language="javascript" type="text/javascript" src="source/script_common.js"></script>
   
3. <script language="javascript" type="text/javascript" src="source/script_menu.js"></script>
   
4. <script language="javascript" type="text/javascript" src="source/script_ajax.js"></script>
   
5. <script type="text/javascript">
   
6. function showstart(credit){
   
7.   var v = document.getElementById("credit_star");
   
8.   if(credit >= 0 && credit <= 99){
   
9.    v.innerHTML = "<img src='image/star/yiye.gif' alt='0~99' border='0' />";
   
10.   }else if(credit >= 100 && credit <= 999){
    
11.    v.innerHTML = "<img src='image/star/erye.gif' alt='100~999' border='0' />";
    
12.   }else if(credit >= 1000 && credit <= 9999){
    
13.    v.innerHTML = "<img src='image/star/sanye.gif' alt='1000~9999' border='0' />";
    
14.   }else if(credit >= 10000 && credit <= 99999999999){
    
15.    v.innerHTML = "<img src='image/star/siye.gif' alt='10000~999999' border='0' />";
    
16.   }else{
    
17.    v.innerHTML = "";
    
18.   }
    
19. }
    
20. </script>
    

复制代码

2.找到space_index.htm模板,并找到下面代码,添加红色部分代码:

1. <div id="space_avatar"><div id="credit_star" style="position:absolute;"></div><img src="<!--{avatar($space[uid],big)}-->" alt="$space[username]" /></div>

复制代码

3.在space_index.htm模板最后面添加一下代码:

1. <script>showstart($space[credit]);</script>

复制代码

4.找几张适合自己网站风格的勋章图标(呵呵,我的图标还是自己设计呢.),上传到服务器,注意,跟以上js代码图标命名一样,可以根据自己实际情况修改.
更新缓存,大功告成,
优点:更容易实现,不影响个人主页风格,图标定位永远不会乱
缺点:如果修改了积分规则,可能会影响勋章的显示,js代码必须跟积分规则的修改同步,高手可以修改js代码实现同步

以上就是我实现的步骤,另外,希望大家多多支持本站..^_^!

[ 本帖最后由 shingye 于 2008-7-17 13:26 编辑 ]

不错 ～楼市能发布下吗？