vincent Publish time 2013-08-12 08:33

Discuz online status beautify Hack

本帖最后由 vincent 于 2013-8-12 09:38 编辑

Before the change


After the change



First open the Discuz.htm file
And look for   <dt class="ptm pbm bbda">$_G</dt>
                                        <!--{if $detailstatus}-->
                                                <dd class="ptm pbm">
                                                <ul class="cl">
                                                <!--{if $whosonline}-->
                                                      <!--{loop $whosonline $key $online}-->
                                                                <li title="{lang time}: $online">
                                                                <img src="{STATICURL}image/common/$online" alt="icon" />
                                                                <!--{if $online['uid']}-->
                                                                        <a href="home.php?mod=space&uid=$online">$online</a>
                                                                <!--{else}-->
                                                                        $online
                                                                <!--{/if}-->
                                                                </li>
                                                      <!--{/loop}-->
                                                <!--{else}-->
                                                      <li style="width: auto">{lang online_only_guests}</li>
                                                <!--{/if}-->
                                                </ul>
                                        </dd>
                                        <!--{/if}-->
                              </dl>Modified to
                                        <!--{if $detailstatus}-->
                                                <dd class="ptm pbm">
                                                <ul class="cl">
                                                <!--{if $whosonline}-->
                                                      <!--{loop $whosonline $key $online}-->
<a id="online_{$key}" class="tooltip link" onmouseover="showMenu({'ctrlid':this.id, 'pos':'12'});">
<img src="/uc_server/avatar.php?uid=$online&size=small" width="30px" height="30px" style="border: 1px solid #CCC; padding: 2px; background-color: #FFF; margin-bottom: 5px; margin-left: 5px; "/>
</a>
<div id="online_{$key}_menu" class="tip_black tip_5" style="display: none;">
<div class="tip_horn"></div>
<div class="tip_c tipa">
<!--{if $online['uid']}-->
<a href="home.php?uid=$online">$online</a>
<!--{else}-->
$online
<!--{/if}-->
</div>
</div>
<!--{/loop}-->
<!--{else}-->
<li style="width: auto">{lang online_only_guests}</li>
<!--{/if}-->
</ul>
</dd>
<!--{/if}-->
</dl>To complete




remind：
Open the working style of the common.css files or extend_common.css file.
Add the code below:.tip_black { position: absolute; padding: 4px 7px; background: #282828; margin-left: 5px; }
.tip_5 { margin-top: -20px; }
.tip_5 .tip_horn { float: left; bottom: -6px; background: url({IMGDIR}/tip_black_bottom.png); }
.tipa a { color: #FFF; }

EDRISCO.IR Publish time 2014-09-16 17:23

thanks dear is awesome:victory:
Pages: [1]
View full version: Discuz online status beautify Hack