| |
| | |

CodersClub

 Forgot password?
 Register
Search
View: 12228|Reply: 1
Collapse the left

Discuz online status beautify Hack

  [Copy link]
Post time: 2013-08-12 08:33
| Show all posts |Read mode
Addon
Title: Discuz online status beautify Hack
Version: x2.5 X3.0
Author: -
Author URL:
Description: Discuz online status beautify Hack
Discuz! X Version: X3 X2.5 X2 
Language(s): ALL
Create Date:
Last Update:
Screenshot:
本帖最后由 vincent 于 2013-8-12 09:38 编辑

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

This post contains more resources

You have to Login for download or view attachment(s). No Account? Register

x

Related collections:

  • · Tricks|Threads: 23, Subscribe: 3
Post time: 2014-09-16 17:23
| Show all posts
thanks dear is awesome
You have to log in before you can reply Login | Register

Points Rules

Archive|Mobile|Dark room|CodersClub

Top.Mail.Ru
Top.Mail.Ru

2024-11-21 18:38 GMT+3 , Processed in 0.037645 sec., 12 queries .

Powered by Discuz! X3.4 Release 20230520

© 2001-2024 Discuz! Team.

MultiLingual version, Rev. 4301, © codersclub.org

Quick Reply To Top Return to the list