+- 餅乾工坊 (http://ninja.s12.xrea.com/mybb)
+-- 版面: 電腦網路 (http://ninja.s12.xrea.com/mybb/forumdisplay.php?fid=2)
+--- 版面: 網頁相關 (http://ninja.s12.xrea.com/mybb/forumdisplay.php?fid=13)
+--- 主題: [Discuz]線上列表圖示 (/showthread.php?tid=531)
[Discuz]線上列表圖示 - NINJA - 06-21-2010
因為Discuz把高度寫死了
所以如果線上列表的圖示太高,就會重疊
而且看文章時,文字是置底,當圖示太禍時,文字就會看不到
修改 css_append.htm
程式碼:
/* 首頁會員群組 */
#index #onlinelist dt img, #index #onlinelist dd img { vertical-align: top; }
/* 首頁會員列表 */
#index #onlinelist li img { vertical-align: bottom;}
/* 首頁會員列表 高度 */
#index #onlinelist dd ul li { float: left; margin: 4px 0; width: 20%; height: 60px; line-height: 14px; }
/* 文章群組圖示高度 */
#viewthread .postinfo { color: {MIDTEXT}; margin-bottom: 10px; border-bottom: 1px dashed {COMMONBORDER}; line-height: auto; height: auto; overflow: hidden; text-align:top; padding-top:10px;}
/* 文章群組圖示 文字top*/
#viewthread .postinfo img {vertical-align: top; padding-top:-30px;}如果圖示高為60px , 首頁改成60px
看文章時用auto , 不過看文章時的位置在IE還是有問題
另外,普通會員在看文章時圖示不會變,仍然是綠色小圖示
修改 templates/default/viewthread_node.htm
找到 online_member.gif
改成 普通會員的圖示
註:當線上列表圖示沒設定時,看文章時的小圖就會以普通會員顯示