Discuz online status beautify Hack

vincent

Before the change


After the change



First open the Discuz.htm file
And look for

1.      <dt class="ptm pbm bbda">$_G[cache][onlinelist][legend]</dt>
   
2.                                         <!--{if $detailstatus}-->
   
3.                                                 <dd class="ptm pbm">
   
4.                                                 <ul class="cl">
   
5.                                                 <!--{if $whosonline}-->
   
6.                                                         <!--{loop $whosonline $key $online}-->
   
7.                                                                 <li title="{lang time}: $online[lastactivity]">
   
8.                                                                 <img src="{STATICURL}image/common/$online[icon]" alt="icon" />
   
9.                                                                 <!--{if $online['uid']}-->
   
10.                                                                         <a href="home.php?mod=space&uid=$online[uid]">$online[username]</a>
    
11.                                                                 <!--{else}-->
    
12.                                                                         $online[username]
    
13.                                                                 <!--{/if}-->
    
14.                                                                 </li>
    
15.                                                         <!--{/loop}-->
    
16.                                                 <!--{else}-->
    
17.                                                         <li style="width: auto">{lang online_only_guests}</li>
    
18.                                                 <!--{/if}-->
    
19.                                                 </ul>
    
20.                                         </dd>
    
21.                                         <!--{/if}-->
    
22.                                 </dl>

Copy the Code

Modified to

1. 
   
2.                                         <!--{if $detailstatus}-->
   
3.                                                 <dd class="ptm pbm">
   
4.                                                 <ul class="cl">
   
5.                                                 <!--{if $whosonline}-->
   
6.                                                         <!--{loop $whosonline $key $online}-->
   
7. <a id="online_{$key}" class="tooltip link" onmouseover="showMenu({'ctrlid':this.id, 'pos':'12'});">
   
8. <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; "/>
   
9. </a>
   
10. <div id="online_{$key}_menu" class="tip_black tip_5" style="display: none;">
    
11. <div class="tip_horn"></div>
    
12. <div class="tip_c tipa">
    
13. <!--{if $online['uid']}-->
    
14. <a href="home.php?uid=$online[uid]">$online[username]</a>
    
15. <!--{else}-->
    
16. $online[username]
    
17. <!--{/if}-->
    
18. </div>
    
19. </div>
    
20. <!--{/loop}-->
    
21. <!--{else}-->
    
22. <li style="width: auto">{lang online_only_guests}</li>
    
23. <!--{/if}-->
    
24. </ul>
    
25. </dd>
    
26. <!--{/if}-->
    
27. </dl>

Copy the Code

To complete




remind：
Open the working style of the common.css files or extend_common.css file.
Add the code below:

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

Copy the Code

EDRISCO.IR

thanks dear is awesome