close

奇摩左右欄位-捲軸 CSS語法

此篇是學習筆記 自己看的

(修改前請先備份以免造成無法挽回的後果)

  /*左右欄位-捲軸*/
#ymodfolder .mbd, #ymodnewcomt .mbd, #ymodnewart .mbd {HEIGHT:250px;OVERFLOW:auto;position:relative;}
　

語法解析：

HEIGHT:250px-捲軸內容高度

OVERFLOW:auto--內容超出區塊自動由瀏覽器決定

position:relative-相對定位

捲軸顏色語法：

不建議在捲軸語法中添加顏色語法

容易造成 版面錯亂

因為整個版面 有欄位捲軸 也有整個全版面捲軸

 

而是統一整個版面捲軸語法標示  也讓CSS語法簡潔化

 /*自訂捲軸語法*/
html{SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-3DLIGHT-COLOR:#99ccff;　　　
SCROLLBAR-ARROW-COLOR:#99ccff;　　
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#3366CC;
SCROLLBAR-BASE-COLOR:#ffffff;
scrollbar-darkshadow-color:#ffffff }

 

色碼語法解析：顏色、務樣可自行變化添減

SCROLLBAR-ARROW-三角箭頭

SCROLLBAR-FACE-捲軸面

SCROLLBAR-TRACK-軸桿

SCROLLBAR-3DLIGHT-左邊直立邊

SCROLLBAR-DARKSHADOW-右邊直立邊

SCROLLBAR-BASE-COLOR-基本色

scrollbar-darkshadow-陰影

314色碼表查詢：http://sunny666.myweb.hinet.net/B4.htm


語法放置說明：

進入 管理部落格 → 面板設定 →自訂樣式 → 貼上 左右欄位-捲軸 語法

 


自動調整隱現 → OVERFLOW: auto;

刪除捲軸 → OVERFLOW: hidden;

刪除水平捲軸→ OVERFLOW-X: hidden;

刪除垂直捲軸 → OVERFLOW-Y: hidden;







引用：http://tw.myblog.yahoo.com/jw!lOPPThyBHx1lKWgF0rZWvX8TQrIfWoAs6Q--/article?mid=214
 
 
 
 
 
arrow
arrow
    全站熱搜

    菊子 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄