7.11.08 >> 我的網上小店終於開張了~ \(^0^ )/ http://hk.myblog.yahoo.com/iluvmina 大家快去看看參觀一下喔!! >>新模版完成!!

[CSS] - 如何在公告欄添加背景

上一篇 / 下一篇 2008-05-06 12:16:23 / 個人分類：【模版教學】

Photobucket - Video and Image Hosting 有好友問開，我就再寫一篇教學啦．．

其實這裡的空間設計還有很多，ＳＵ一直都還在研究呢！

今次教的是空間公告欄如何添加上自定的背景圖。

Photobucket - Video and Image Hosting 教學開始

現時我的空間上都有顯示如下圖的效果，這是套用上動態圖片的(gif.檔)

在模板＞我的CSS風格編輯＞找出相關以下的語法；

如找不到就直接複製以下語法放在CSS最底處。

#announcement { color: #色碼; font-size: 12px; background: #色碼 url(圖址); }

color 字的顏色，色碼請參考－★；

font-size 字的大小，數值越大，字體越大；

background ＃色碼=代表背景色；url(圖址)=請填入圖片網址，如不想要背景圖刪除這句就行；

Photobucket - Video and Image Hosting 教學結束

◎這篇文章己被查閱了次

點擊圖片可在新窗口打開作任何修改前，一定要作好備份[Back-up]；

點擊圖片可在新窗口打開如發現語法不能使用或錯誤，請留言清楚公知；

點擊圖片可在新窗口打開當遇到修改有問題，歡迎留言發問，我都會一一解決(盡人事啦)，但自已先摸索研究一下嘛，不要常依賴別人囉！

點擊圖片可在新窗口打開喜歡本站可以把帶回去連結喔！！

[CSS] - 如何更改滑鼠圖案 (subebe, 2006-8-01)
[目錄] - 模版教學列表 (subebe, 2006-12-09)
[HTML] - 捲軸顏色的變化 (subebe, 2007-5-15)
[CSS] - 如何在留言/評論框內加圖案 (subebe, 2007-8-18)
[教學] - 如何在文章中加入音樂背景 (subebe, 2007-8-29)
[CSS] - 如何修改網誌中的圖像 (subebe, 2007-9-15)
[CSS] - 如何設置捲軸在文章內 (subebe, 2007-9-20)
[CSS] - 如何修改字體的變化Ⅰ (subebe, 2007-10-04)
[教學] - 如何加插Youtube影片在網誌上 (subebe, 2007-10-20)
[HTML] - 如何令圖片有滾動的效果 (subebe, 2008-5-05)

引用刪除 subebe / 2008-05-07 10:48:59: ★ RE : L888V

#色碼代表#000000,#FFFFFF...6位數值的代碼,見唔見到我上面有點星,click入去就會有好多色碼俾你揀!

你段正確語法,應把色碼改為數值先:
#announcement { color: #000000; font-size: 12px; background: #FFFFFF url(http://upload.ysk.hk/upload/photo/200805-1210069893-DLNRnuz156.gif); }

引用刪除 L888V / 2008-05-06 18:44:55: 你用你既語法係圖址上加左圖網止,

即係咁#announcement { color: #色碼; font-size: 12px; background: #色碼 url(http://upload.ysk.hk/upload/photo/200805-1210069893-DLNRnuz156.gif
); }

邊到錯左,同埋好唔明點解次次係我的CSS風格編輯,出面原本既背景圖會全部冇哂,,頭先你黎睇好閃個d我都係求其放住先,因為頭先正正唔得閒,而家唔閃啦.嘻嘻