什么是在线会员美化？
直接看图吧！
修改方法：修改前最好备份一下，养成好习惯！
首先打开discuz.htm文件
然后寻找- <dl id="onlinelist" class="bm_c" style="padding: 0;">
- <!--{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>
将它换成下面的代码- <dl id="onlinelist" class="bm_c" style="padding: 0;">
- <!--{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>
接着，打开正在使用的风格的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; }
最后，下载图片（黑色的），将解压出来的一个图片上传到正在使用的风格的图片目录内。
在后台更新缓存即可。
如果想把黑色换其他颜色，就要在下面中找出这个 background: #282828; ，把#282828改成想要的HTML颜色代码
.tip_black { position: absolute; padding: 4px 7px; background: #282828; margin-left: 5px; }
也把箭头的黑色换成想要的颜色即可。
比如我想要蓝色，把#282828改成#0101DF，也更换箭头的颜色
，然后 |
上一篇： 关于设置子目录的问题下一篇： 首页N格权限设置问题首页错误~
|
