包住整個部落格框線語法

2009021811:31

 

 

包住整個部落格框線語法

 

範例圖片:

 

 

此語法 參考 湘雲娘子部落格的CSS語法擷取製作教學

http://tw.myblog.yahoo.com/awu-238262005/

 

範例網↓湘雲娘子部落格

http://tw.myblog.yahoo.com/awu-238262005/profile


 

/*部落格捲軸顏色網頁加框*/
html{
SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:#b0ddff;
SCROLLBAR-SHADOW-COLOR:#b0ddff;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #b0ddff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;

border-right: 18px dashed;
border-top: 9px dashed;
border-left: 18px dashed;
border-bottom: 9px dashed;
border-color: #FFCCFF;}
a:hover{border: 2px #fff outset}

 

 

語法說明:

卷軸語法

html{
SCROLLBAR-FACE-COLOR: #FFFFFF;          ←[白色] 長條捲軸顏色
SCROLLBAR-HIGHLIGHT-COLOR:FFFFFF;  ←[白色]捲軸 明亮色
SCROLLBAR-SHADOW-COLOR: FFFFFF;     ←[白色] 捲軸陰暗色
SCROLLBAR-3DLIGHT-COLOR:#E0E0E0;    ←[灰色] 長條捲軸內框線
SCROLLBAR-DARKSHADOW-COLOR: #E0E0E0; ←[灰色] 長條捲軸外框線
SCROLLBAR-ARROW-COLOR: #FF0033;               ←[灰色] 三角箭頭顏色
SCROLLBAR-TRACK-COLOR:#000000 ; }             ←[黑色] 長條捲軸軌道背景色


body {border: 5px double #ff0000 ;}        ←[紅色] 框住部落格大框框
 

部落格網頁框語法

border-right: 18px dashed;--右邊框線寬度
border-top: 9px dashed;
--上方框線寬度
border-left: 18px dashed;
--左邊框線寬度
border-bottom: 9px dashed;--下方框線寬度
border-color: #FFCCFF;}
--框線色彩
a:hover{border: 2px #fff outset}
--框住整各部落格大框線

 

314測試心得:

曾試著將 卷軸 和 網頁大框線 語法分開使用 就造成語法失敗

所以在使用此語法時請注意 在CSS語法中是否有同樣的捲軸語法並存

 

使用說明:

 進入 管理部落格 → 面板設定 →自訂樣式 → 貼上 部落格捲軸顏色網頁加框 語法

 

 

如果 語法 無法呈現 效果

請檢查 CSS 語法

請先點選CSS欄中空白處 →按 Ctrl+F 搜尋可有相同開頭的語法或 卷軸語法

語法中有相同的 開頭語法

請覆蓋 或刪除此相同語法,才不會造成語法衝突

 

 

延伸參考教學:

框線語法

卷軸語法