管理介面-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. 將相關設定編輯調整：

sidebar標題圖片來源位址改為 http://s.blog.xuite.net/_image/skin/windows/71/blog011_2.gif
sidebar標題字型大小(字型／字體) 設定為 15px(字型與字體選擇正常)
sidebar標題字型顏色選項調選色碼為 #C1A4C1
sidebar小圖示來源位址改為 http://s.blog.xuite.net/_image/blogIcon19.gif

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

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

調整前	調整後
	調整後在日誌標題的sidebar標題圖片與字型較為粗體的sidebar標題字型大小(字型／字體)及sidebar標題字型顏色明顯有所更換及變動

左右欄位設定功能說明：

sidebar標題圖片：可上傳喜愛的圖片作為日誌左右欄位標題圖案，點選upload鈕即可上傳，亦可勾選不使用圖片選項，不套用任何圖示。
　

sidebar標題背景顏色：此選項可點選色盤選擇喜愛的顏色作為日誌欄位的標題背景顏色，可勾選透明選項不套用背景顏色，使用已上傳標題圖片。
　
　例：若要變換sidebar標題背景顏色點選色盤(紅色框圈處)選項即可選擇
　

sidebar標題字型大小(字型／字體)：此參數設定可設定日誌左右欄位標題的字型大小；此處調整單位為 px (pixel／像素)。

sidebar標題字型顏色：此選項可選擇日誌左右欄位標題的字型顏色。
　

sidebar小圖示：可上傳圖示修改欄位中各連結的圖示，亦可勾選不使用圖片選項，不套用任何圖示。
　

sidebar背景顏色：此選項可點選色盤選擇喜愛的sidebar背景顏色，可勾選透明選項不套用背景顏色。
　

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精靈(標頭設定...

回應