管理介面-CSS精靈(版面基本設定-實例教學)：Xuite Blog 日誌：Xuite日誌

Blog小組

這裡是 Xuite Blog 小組的會客廳，歡迎大家來這邊互動喔～

關於我

搜尋文章

文章分類

全部展開|全部收合

最新回應

Re:日誌使用問題的發表處(97年05月)，by(熊谷)於2008-05-17

Re:日誌使用問題的發表處(97年05月)，by(leaf)於2008-05-17

Re:日誌使用問題的發表處(97年05月)，by(麒龍)於2008-05-17

Re:日誌使用問題的發表處(97年05月)，by(┌♥砃錼↗♫)於2008-05-17

Re:[想紅嗎? ] 娛樂e世代 _網路情報局徵召中，by(Alanis)於2008-05-17

Re:[想紅嗎? ] 娛樂e世代 _網路情報局徵召中，by(☜☆傻♨西瓜★☞)於2008-05-17

Re:日誌使用問題的發表處(97年05月)，by(小小綠豆)於2008-05-17

Re:日誌使用問題的發表處(97年05月)，by(Danny)於2008-05-17

最愛連結

重要事件公告區

Blog常見Q&A整理

Blog使用教學

Blog 教學如何建立日誌
Blog 教學文章如何分類
Blog 教學文章摘要模式
Blog 教學修改文章及圖片
Blog 教學文章如何引用
Blog 教學加入群組成員
Blog 教學電視牆之製作
Blog 教學新增背景音樂
Blog 教學加入好友,加入最愛
Blog 教學手機MMS上傳圖片文字
Blog 教學日誌的推薦及檢舉
Blog 教學手寫塗鴉板教學
Blog 教學 Xuite相簿秀圖機功能
Blog 教學修改CSS更換檔頭
Blog 教學 Podcasting 訂閱教學
Blog 教學 *.mp4 轉檔教學
Xuite Blog 日誌首頁功能簡介
Xuite Blog 新版CSS架構
Xuite Blog 關於我區塊調整
Xuite Blog 會員服務使用條款
Xuite Blog 開放 "CC創用" 功能

日誌使用資源

如何使用RSS
Powered by Xuite

參觀人氣統計

2008-03-18 12:00 管理介面-CSS精靈(版面基本設定-實例教學)

Blog系統公告

好文轉寄

平均分數：0 顆星投票人數：0 人
我要評分：

CSS精靈(版面基本設定-實例教學)

以實際範例，使用 CSS精靈功能，將日誌樣版風貌進行改造調整。

原來佈景樣示	在 CSS精靈調整後

1. 點選版面基本設定選項

2. 開啟後即會顯示相關設定選項

3. 將相關設定編輯調整：

背景圖片來源位址改為 http://s.blog.xuite.net/_image/skin/background/71/blogBg.jpg
移動選項選擇 none
整頁背景顏色選項調選色碼為 #602849
日誌字型link顏色選項調選色碼為 #FC9
日誌字型hover顏色選項調選色碼為 #C00

4. 將相關設定填寫調整完成後點選套用鈕，進行套用

5.套用完成後，查看套用結果

調整前	調整後
	調整後日誌背景圖片及顏色會進行替換
	調整後日誌有加註連結的日誌字型link顏色及日誌字型hover顏色會進行替換

版面基本設定功能說明：

背景圖片：可自行上傳喜愛的圖片作為日誌主體背景顏色，點選upload鈕即可上傳，亦可勾選不使用圖片選項，不套用任何圖示。
　

圖片屬性 & 位置 & 移動：若有上傳背景圖片，在圖片屬性選項可選擇讓背景圖示是否要重複或是選擇不重複只擺放單一張背景圖示；而位置選項可讓背景圖示選擇想放置的位置；移動選項，為背景圖示在滑鼠捲動頁面時，背景圖示是否會隨著日誌頁面固定不動。

建議事項：
若螢幕解析度使用 1024X768px (pixel／像素)，建議在上傳的背景圖片使用 1000px，若圖示寬度不滿 1000px，可將圖片屬性選項選擇不重複選項、位置選項選擇置中選項、移動選項選擇不移動選項。

整頁背景顏色：此選項可點選色盤選擇喜愛的背景顏色，可勾選透明選項不套用背景顏色，使用已上傳背景圖片。
　例：若要變換背景顏色點選色盤(紅色框圈處)選項即可選擇
　

日誌字型link顏色 & 日誌字型hover顏色：日誌字型link顏色選項是選則日誌頁面中有加註連結的文字顏色；而日誌字型hover顏色選項，為滑鼠移動到有加註連結的文字時，文字顏色將有所變更。

CSS精靈各項功能使用相關說明：
　CSS精靈功能說明：http://blog.xuite.net/blog/baby/48714
　版面基本設定功能：http://blog.xuite.net/blog/baby/8759960
　標頭設定功能：http://blog.xuite.net/blog/baby/8759959
　左右欄位設定功能：http://blog.xuite.net/blog/baby/8759953
　中央文章區塊設定功能：http://blog.xuite.net/blog/baby/8759951
　儲存所有設定功能：http://blog.xuite.net/blog/baby/8759950

Blog幕僚長 (96.09.01)

Blog小組 / Xuite日誌 / 回應(1) / 引用(0) / 好文轉寄

管理介面-CSS精靈(標頭設定...|日誌首頁|管理介面-CSS精靈

回應