空間管理您的位置: 理想空間 [Blog + 相簿] » SUBEBE's 部落教學 » 日誌

7.11.08 >> 我的網上小店終於開張了~ \(^0^ )/ http://hk.myblog.yahoo.com/iluvmina 大家快去看看參觀一下喔!! >>新模版完成!!

[HTML] - 捲軸顏色的變化

上一篇 / 下一篇 2007-05-15 18:10:27 / 個人分類：【模版教學】

你還是用緊那悶悶的基本捲軸??

換了它吧! 快來為自己的blog裝飾一下,給它換上新飾物!!

語法說明 :

scrollbar-face-color: #------; /* 捲軸的主色 */
scrollbar-highlight-color: #------; /* 捲軸左邊及上面的邊框顏色 */
scrollbar-shadow-color: #------; /* 捲軸右邊及下面的邊框顏色 */
scrollbar-3dlight-color: #------; /* 捲軸右邊及上面的陰影色 */
scrollbar-darkshadow-color: #------; /* 捲軸左邊及下面的陰影色 */
scrollbar-arrow-color: #------; /* 三角形箭頭的顏色 */

以上copy後貼在html{}裡,再貼在CSS最底部就ok囉!

我也特意照顧一些像我的懶人喔! 找了一些

快速方法: 使用"捲軸產生器"
網站建置百寶箱
Coloured Scroll Bars

另類用法:　

overflow:hidden;     /*刪除捲軸*/
overflow-x:hidden;   /*刪除水平捲軸*/
overflow-y:hidden;   /*刪除垂直捲軸*/

全部腳印 不留腳印留下腳印:

相關閱\讀:

[CSS] - 如何在首頁添加"日誌分類" (subebe, 2007-5-16)
[CSS] - 如何修改外部背景 (subebe, 2007-8-04)
[CSS] - 如何修改側邊標題欄 (己作修改7.8.07) (subebe, 2007-8-04)

導入論壇收藏分享給好友管理舉報

TAG: 模版教學

引用刪除 subebe / 2007-11-02 14:31:40: ★ RE : D!N`晴

請看下面我對其他人的回覆,就會明白!!
你的語法是錯的!!

引用刪除 D!N`晴 / 2007-11-01 16:33:04: scrollbar-arrow-color: #FF0000;
scrollbar-base-colour: #000000;
scrollbar-face-colour: #000000;
scrollbar-highlight-colour: #000000;
scrollbar-shadow-colour: #FF0000;
scrollbar-3dlight-colour: #FF0000;
scrollbar-track-colour: #000000;
scrollbar-darkshadowD-colour: #000000;
scrollbar-face-color:#6b5bf9;
scrollbar-highlight-color:white;
scrollbar-shadow-color:#6b5bf9;
scrollbar-3dlight-color:#6b5bf9;
唔好意思-v-
我整極都整唔到牙-口-
係咪錯哂牙-v-
可唔可以同我改改佢?
10萬分的感謝

引用刪除 cplada / 2007-08-17 23:10:33: 哈哈…謝謝你，我不客氣了，我拿連結回去研究研究囉。

引用刪除 subebe / 2007-08-16 22:14:38: 大家一齊慢慢學啦...
當然可以拿去...

引用刪除 cplada / 2007-08-13 02:55:19: 還有那個連結《綱站建築百寶箱》我可以拿回去研究嗎？

引用刪除 cplada / 2007-08-13 02:52:33: 無言感激！^-^…我會好像annngon一樣慢慢學習的。

引用刪除 annngon / 2007-08-13 01:14:38: 原來係我搞錯了.謝謝.

引用刪除 subebe / 2007-08-13 00:22:13: Re : ann

唉喲!! Ann你看一看下面我覆loilta的答覆,
你就會明白,你的語法是錯的呀>_<
將我寫的語法貼到樣式表的最底就行了..

引用刪除 annngon / 2007-08-12 20:48:20: <STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #d8246c;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #d800fc;
SCROLLBAR-3DLIGHT-COLOR: #240000;
SCROLLBAR-ARROW-COLOR: #d8fcd8;
SCROLLBAR-TRACK-COLOR: #240000;
SCROLLBAR-DARKSHADOW-COLOR: #240000;
SCROLLBAR-BASE-COLOR: #d824fc
}
</STYLE>
求救．．．又衰佐．．．無論貼去邊都顯示不到．謝謝.

引用刪除 loilta / 2007-06-25 17:51:39: 終於成功……
超謝謝你喔!

引用刪除 subebe / 2007-06-25 00:18:39: Re : loilta

html是語法的其中一part,
即是你整段語法是這樣的:

html{
scrollbar-face-color: #------;
scrollbar-highlight-color: #------;
scrollbar-shadow-color: #------;
scrollbar-3dlight-color: #------;
scrollbar-darkshadow-color: #------;
scrollbar-arrow-color: #----;
}

#---- 要改為色碼的代號
e.g. #000000 是黑色; #FFFFFF 是白色;
明白了嗎?