在线会员美化（显示会员小头像加悬浮Tip）

直接看图吧。


当指标放上某头像时就会出现名称的悬浮Tip




修改方法：
首先打开discuz.htm文件。
然后寻找

1.                                                 <ul class="cl">
   
2.                                                 <!--{if $whosonline}-->
   
3.                                                         <!--{loop $whosonline $key $online}-->
   
4.                                                                 <li title="{lang time}: $online[lastactivity]">
   
5.                                                                 <img src="{STATICURL}image/common/$online[icon]" alt="icon" />
   
6.                                                                 <!--{if $online['uid']}-->
   
7.                                                                         <a href="home.php?mod=space&uid=$online[uid]">$online[username]</a>
   
8.                                                                 <!--{else}-->
   
9.                                                                         $online[username]
   
10.                                                                 <!--{/if}-->
    
11.                                                                 </li>
    
12.                                                         <!--{/loop}-->
    
13.                                                 <!--{else}-->
    
14.                                                         <li style="width: auto">{lang online_only_guests}</li>
    
15.                                                 <!--{/if}-->
    
16.                                                 </ul>

复制代码

将它换成下面的代码

1.                         <ul class="cl">
   
2.                         <!--{if $whosonline}-->
   
3.                             <!--{loop $whosonline $key $online}-->
   
4.                                     <a id="online_{$key}" class="tooltip link" onmouseover="showMenu({'ctrlid':this.id, 'pos':'12'});">
   
5.                                         <img src="/uc_server/avatar.php?uid=$online[uid]&size=small" width="30px" height="30px" style="border: 1px solid #CCC; padding: 2px; background-color: #FFF; margin-bottom: 5px; margin-left: 5px; "/>
   
6.                                       </a>
   
7.                                         <div id="online_{$key}_menu" class="tip_black tip_5" style="display: none;">
   
8.                                             <div class="tip_horn"></div>
   
9.                                                 <div class="tip_c tipa">
   
10.                                                     <!--{if $online['uid']}-->
    
11.                                                         <a href="home.php?uid=$online[uid]">$online[username]</a>
    
12.                                                     <!--{else}-->
    
13.                                                         $online[username]
    
14.                                                        <!--{/if}-->
    
15.                                                 </div>
    
16.                                         </div>
    
17.                             <!--{/loop}-->
    
18.                         <!--{else}-->
    
19.                             <li style="width: auto">{lang online_only_guests}</li>
    
20.                         <!--{/if}-->
    
21.                         </ul>

复制代码

再寻找

1. <dl id="onlinelist" class="bm_c">
   

复制代码

换成

1. <dl id="onlinelist" class="bm_c" style="padding: 0;">
   

复制代码

再寻找

1. <dt class="ptm pbm bbda">$_G[cache][onlinelist][legend]</dt>
   
2. 
   

复制代码

删除

接着，打开正在使用的风格的common.css文件或extend_common.css文件。
在最下面添加一下代码：

1.         .tip_black { position: absolute; padding: 2px 5px; background: #282828; margin-left: 5px; }
   
2.         .tip_5 { margin-top: -10px; }
   
3.         .tip_5 .tip_horn { float: left; bottom: -6px; background: url(/static/image/common/tip_black_bottom.png); }
   
4.         .tipa a { color: #FFF; margin-left: 5px; }

复制代码

最后，下载图片（黑色的），将解压出来的一个图片上传到static/image/common内。


在后台更新缓存即可以了。
http://www.lous.tk/thread-4-1-1.html

这个还真是不知道

好像是转载的哦

杨三郎 发表于 2011-8-25 15:31
好像是转载的哦

是的啊 赚点积分

有积分吗

canjian09 发表于 2011-8-25 15:37
是的啊 赚点积分

drc的吧  哪里看过很久了

不错的东西

不错啊 支持！~