【Yahoo!奇摩部落格】使用的【捲軸顏色變更設定】語法
【Yahoo!奇摩部落格捲軸顏色變更設定→紅框】
/*捲軸顏色變更設定→紅框*/
html{
scrollbar-base-color : #ff0000;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ff0000;箭頭顏色;
scrollbar-3dlight-color: #ff0000;左立體邊顏色;
scrollbar-highlight-color : #ff0000;軸面左角邊顏色;
scrollbar-shadow-color : #ff0000;軸面右角邊顏色;
scrollbar-darkshadow-color : #ff0000;右立體邊顏色;
}
【Yahoo!奇摩部落格捲軸顏色變更設定→綠框】
/*捲軸顏色變更設定→綠框*/
html{
scrollbar-base-color : #00ff00;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #00ff00;箭頭顏色;
scrollbar-3dlight-color: #00ff00;左立體邊顏色;
scrollbar-highlight-color : #00ff00;軸面左角邊顏色;
scrollbar-shadow-color : #00ff00;軸面右角邊顏色;
scrollbar-darkshadow-color : #00ff00;右立體邊顏色;
}
【Yahoo!奇摩部落格捲軸顏色變更設定→藍框】
/*捲軸顏色變更設定→藍框*/
html{
scrollbar-base-color : #0000ff;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #0000ff;箭頭顏色;
scrollbar-3dlight-color: #0000ff;左立體邊顏色;
scrollbar-highlight-color : #0000ff;軸面左角邊顏色;
scrollbar-shadow-color : #0000ff;軸面右角邊顏色;
scrollbar-darkshadow-color : #0000ff;右立體邊顏色;
}
【Yahoo!奇摩部落格捲軸顏色變更設定→黃框】
/*捲軸顏色變更設定→黃框*/
html{
scrollbar-base-color : #ffff00;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ffff00;箭頭顏色;
scrollbar-3dlight-color: #ffff00;左立體邊顏色;
scrollbar-highlight-color : #ffff00;軸面左角邊顏色;
scrollbar-shadow-color : #ffff00;軸面右角邊顏色;
scrollbar-darkshadow-color : #ffff00;右立體邊顏色;
}
【Yahoo!奇摩部落格捲軸顏色變更設定→紫框】
/*捲軸顏色變更設定→紫框*/
html{
scrollbar-base-color : #ff00ff;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ff00ff;箭頭顏色;
scrollbar-3dlight-color: #ff00ff;左立體邊顏色;
scrollbar-highlight-color : #ff00ff;軸面左角邊顏色;
scrollbar-shadow-color : #ff00ff;軸面右角邊顏色;
scrollbar-darkshadow-color : #ff00ff;右立體邊顏色;
}
【Yahoo!奇摩部落格捲軸顏色變更設定→白框橘】
/*捲軸顏色變更設定→白框橘*/
html{
scrollbar-base-color : #ffffff;整體顏色;
scrollbar-face-color : #ff0000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ffffff;箭頭顏色;
scrollbar-3dlight-color: #ffffff;左立體邊顏色;
scrollbar-highlight-color : #ff0000;軸面左角邊顏色; scrollbar-shadow-color : #ffffff;軸面右角邊顏色; scrollbar-darkshadow-color : #000000;右立體邊顏色; }
【Yahoo!奇摩部落格捲軸顏色變更設定→白框綠】
/*捲軸顏色變更設定→白框綠*/
html{
scrollbar-base-color : #ffffff;整體顏色;
scrollbar-face-color : #00ff00;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ffffff;箭頭顏色;
scrollbar-3dlight-color: #ffffff;左立體邊顏色;
scrollbar-highlight-color : #00ff00;軸面左角邊顏色;
scrollbar-shadow-color : #ffffff;軸面右角邊顏色;
scrollbar-darkshadow-color : #000000;右立體邊顏色;
}
【Yahoo!奇摩部落格捲軸顏色變更設定→白框藍】
/*捲軸顏色變更設定→白框藍*/
html{
scrollbar-base-color : #ffffff;整體顏色;
scrollbar-face-color : #0000ff;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ffffff;箭頭顏色;
scrollbar-3dlight-color: #ffffff;左立體邊顏色;
scrollbar-highlight-color : #0000ff;軸面左角邊顏色;
scrollbar-shadow-color : #ffffff;軸面右角邊顏色;
scrollbar-darkshadow-color : #000000;右立體邊顏色;
}
【Yahoo!奇摩部落格捲軸顏色變更設定→白框黃】
/*捲軸顏色變更設定→白框黃*/
html{
scrollbar-base-color : #ffffff;整體顏色;
scrollbar-face-color : #ffff00;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #000000;箭頭顏色;
scrollbar-3dlight-color: #ffffff;左立體邊顏色;
scrollbar-highlight-color : #ffff00;軸面左角邊顏色;
scrollbar-shadow-color : #ffffff;軸面右角邊顏色;
scrollbar-darkshadow-color : #000000;右立體邊顏色;
}
【Yahoo!奇摩部落格捲軸顏色變更設定→白框紫】
/*捲軸顏色變更設定→白框紫*/
html{
scrollbar-base-color : #ffffff;整體顏色;
scrollbar-face-color : #ff00ff;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #000000;箭頭顏色;
scrollbar-3dlight-color: #ffffff;左立體邊顏色;
scrollbar-highlight-color : #ff00ff;軸面左角邊顏色;
scrollbar-shadow-color : #ffffff;軸面右角邊顏色;
scrollbar-darkshadow-color : #000000;右立體邊顏色;
}
【Yahoo!奇摩部落格捲軸顏色變更設定→暗紅】
/*捲軸顏色變更設定→暗紅*/
html{
scrollbar-base-color : #8f0202;整體顏色;
scrollbar-face-color : #8f0202;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ffffff;箭頭顏色;
scrollbar-3dlight-color: #cc0000;左立體邊顏色;
scrollbar-highlight-color : #8f0202;軸面左角邊顏色;
scrollbar-shadow-color : #333333;軸面右角邊顏色;
scrollbar-darkshadow-color : #333333;右立體邊顏色;
}
【Yahoo!奇摩部落格捲軸顏色變更設定→漪唲紅】
/*捲軸顏色變更設定→漪唲紅*/
html{
scrollbar-base-color : #000000;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ff0000;箭頭顏色;
scrollbar-3dlight-color: #000000;左立體邊顏色;
scrollbar-highlight-color : #000000;軸面左角邊顏色;
scrollbar-shadow-color : #000000;軸面右角邊顏色;
scrollbar-darkshadow-color : #000000;右立體邊顏色;
}
【一般網頁】使用的【網頁加外框捲軸變色語法說明】
【網頁加外框捲軸變色語法說明】
【網頁加外框語法】
【網頁捲軸變色語法】
【網頁加紅色外框捲軸變成紅色語法】
【網頁加藍色外框捲軸變成藍色語法】
【網頁加綠色外框捲軸變成綠色語法】
【網頁加紫色外框捲軸變成紫色語法】
【網頁加外框加寬捲軸變成彩色語法】
【網頁加外框捲軸變色語法說明】
1.在 border:10 更改外框大小
例如
例如
例如
例如
2.在 ridge #ff0000 更改外框顏色
例如
例如
例如
例如
【捲軸顏色語法無法執行的主要原因】
捲軸顏色語法無法執行的主要原因
使用捲軸
顏色語法特別注意事項
捲軸顏色語法使用時,
必須刪除網頁原本的捲軸預設語法
大部份網頁的捲軸顏色預設語法
皆位於網頁語法的上方
可以比對類似語法即可發現
只要直接刪除原網頁預設的捲軸顏色語法
即可立即執行顯示自定的捲軸顏色語法效果
★【語法測試區】語法B1★
http://home.educities.edu.tw/nkhs9323005/B1.htm
★【顏色數碼表】語法B2★
http://home.educities.edu.tw/nkhs9323005/B2.htm
★【捲軸變色產生器】語法B8 ★
http://home.educities.edu.tw/nkhs9323005/B8.htm
★【Yahoo!奇摩部落格】與【一般網頁】使用的【捲軸顏色變更設定】語法★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=11241
引用: 漪唲籽潼咿咡緦