Discuz 온라인 상태 아바타로 변경 방법

Discuz CMS의 온라인 상태을 아이콘에서 아바타 형태로 변경 하는 방법에 대해서 정보을 공유 합니다.

변경후 이미지

변경전 이미지

사이트 경로/template/사용중인 템플릿/forum > discuz.htm 파일을 열기 아래의 코드 찾기

변경전 코드

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

                                        <!--{if $detailstatus}-->

                                                <dd class="ptm pbm">

                                                <ul class="cl">

                                                <!--{if $whosonline}-->

                                                        <!--{loop $whosonline $key $online}-->

                                                                <li title="{lang time}: $online[lastactivity]">

                                                                <img src="{STATICURL}image/common/$online[icon]" alt="icon" />

                                                                <!--{if $online['uid']}-->

                                                                        <a href="home.php?mod=space&uid=$online[uid]">$online[username]</a>

                                                                <!--{else}-->

                                                                        $online[username]

                                                                <!--{/if}-->

                                                                </li>

                                                        <!--{/loop}-->

                                                <!--{else}-->

                                                        <li style="width: auto">{lang online_only_guests}</li>

                                                <!--{/if}-->

                                                </ul>

                                        </dd>

                                        <!--{/if}-->

                                </dl>

변경후 코드

                                        <!--{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[uid]&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[uid]">$online[username]</a>

<!--{else}-->

$online[username]

<!--{/if}-->

</div>

</div>

<!--{/loop}-->

<!--{else}-->

<li style="width: auto">{lang online_only_guests}</li>

<!--{/if}-->

</ul>

</dd>

<!--{/if}-->

</dl>

CSS 코드 추가

/사이트 경로/template/사용중인 템플릿/common/

common.css 파일 및 extend_common.css 파일을 편집기 을 통해 오픈 합니다. 

파일 아래에 코드 추가  :

.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; }