[修改]離線圖片(icon_user_offline)

風格問題討論版面排列、樣式、配置,自製風格分享~
享受多樣化的 phpBB 。
回覆文章
頭像
櫻井綾乃
.※.稜鏡之森の守護使者.※.
.※.稜鏡之森の守護使者.※.
文章: 1331
註冊時間: 週二 2006-03-07 09:08
個人狀態: 論壇爆走中...
性別: 醜醜的大美女
來自: 雲上天國
表達感謝: 68 次
擁有感謝: 837 次
星座:
聯繫:

[修改]離線圖片(icon_user_offline)

文章 櫻井綾乃 »

如果用戶不在線,在view_topic和個人資料中顯示下圖。
icon_user_offline.png
在viewtopic_body.html中找到

代碼: 選擇全部

<!-- IF postrow.S_ONLINE and not postrow.S_POST_HIDDEN --> online<!-- ENDIF -->
並更改為

代碼: 選擇全部

<!-- IF postrow.S_ONLINE and not postrow.S_POST_HIDDEN --> online <!-- ELSE --> offline <!-- ENDIF -->
在ucp_pm_viewmessage.html和memberlist_view.html中找到

代碼: 選擇全部

<!-- IF S_ONLINE --> online<!-- ENDIF -->
改成

代碼: 選擇全部

<!-- IF S_ONLINE --> online <!-- ELSE --> offline<!-- ENDIF -->
然後打開colours.css查找

代碼: 選擇全部

.online {
	background-image: url("./en/icon_user_online.gif");
}
在下面添加

代碼: 選擇全部

.offline {
	background-image: url("./en/icon_user_offline.png");
}
打開content.css查找

代碼: 選擇全部

.online {
    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
}
改成

代碼: 選擇全部

.online, .offline {
    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
}
將圖片與在線圖片
上傳圖片放在同一文件夾中,清除acp和瀏覽器中的緩存
您沒有權限檢視這篇文章所附加的檔案。
如果.....
也許.....
這些都是事後的想法
如果會想著當初怎麼做也許會有什麼結果
不如在當初就做出正確的決定.....
有些事不去嚐試是不會真的體會他的奧妙的~
回覆文章

回到「投機取巧の風格改造篇」