close

【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


 


 


引用:  漪唲籽潼咿咡緦





 

arrow
arrow
    全站熱搜

    lavendersky168 發表在 痞客邦 留言(7) 人氣()