管理介面-CSS精靈(中間區塊設定-實例教學)：Xuite Blog 日誌：Xuite日誌

Blog小組

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

關於我

搜尋文章

文章分類

全部展開|全部收合

天邊一朵雲

Xuite日誌、問題發表處、日誌公告、Xuite 、日誌活動、日誌教學、日誌小組、

最新回應

Re:日誌使用問題發表處(97年07月)，by(妹子)於2008-07-04

Re:[想紅嗎? ] 娛樂e世代 _網路情報局徵召中，by(浪狗天涯)於2008-07-04

Re:日誌使用問題發表處(97年07月)，by(♀↘夜羽↗♂)於2008-07-04

Re:日誌使用問題發表處(97年07月)，by(梅子)於2008-07-04

Re:日誌使用問題發表處(97年07月)，by(YU GI)於2008-07-04

Re:日誌使用問題發表處(97年07月)，by(小小王王)於2008-07-04

Re:日誌使用問題發表處(97年07月)，by(紫晶)於2008-07-04

Re:日誌使用問題發表處(97年07月)，by(yin)於2008-07-04

最愛連結

全部展開|全部收合

重要事件公告區

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

邊框顏色選項調選色碼為 #C1A4C1
邊框格式(粗細／格式) 粗細選項設定為 1px ／格式選項選擇直線
標題背景顏色選項調選色碼為 #6C0044
標題字型大小設定為 15px
標題字型顏色選項調選色碼為 #FC9

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

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

調整前	調整後
	調整後在日誌中間文章區塊的邊框顏色已變成為淡紫色邊框格式(粗細)改為較細的直線線條
	調整後日誌中間文章區塊的標題字型顏色更換為近粉紅色
	調整後在日誌中間文章區塊的標題背景顏色已變成為較深紫色

中間區塊設定功能說明：

背景顏色：此選項可點選色盤選擇喜愛日誌中間欄位文章區塊的背景顏色，可勾選透明選項不套用背景顏色。
　

邊框顏色：此選項可點選色盤選擇喜愛顏色作為日誌文章區塊的邊框顏色。
　
　例：若要變換邊框顏色點選色盤(紅色框圈處)選項即可選擇
　

邊框格式(粗細／格式)：此參數設定可設定日誌中間欄位文章區塊邊框線條的調整粗細及樣式；此處調整單位為 px (pixel／像素)。

標題背景圖片：可上傳喜愛的圖片作為日誌中間欄位文章標題圖案，點選upload鈕即可上傳，亦可勾選不使用圖片選項，不套用任何圖示。
　

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

標題字型大小 & 標題字型顏色：標題字型顏色可點選色盤選擇喜愛的日誌中間欄位文章標題文字顏色，也可調整標題字型大小參數設定日誌中間欄位文章區塊文章標題文字字型大小；此處調整單位為 px (pixel／像素)。
　

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精靈(左右欄位...

回應