2007-09-25 07:39:04moki

卷軸

範例可以看捲軸 ,不懂到留言版問我 。
把語法放到CSS即可 ,
如果是要把捲軸放到網誌
只要把BODY改成HTML就可以了 !

喜歡給花或到網誌回覆


可以直接到 http://www.wretch.cc/blog/dog90131&article_id=4160654



[ 無邊框 ]

紅色 (範例: http://img57.imageshack.us/img57/5306/tnc4.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #fc0000;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfcfc;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

粉紅色 (範例: http://img67.imageshack.us/img67/4116/tye8.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #fc90d8;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfcfc;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

橘色 (範例: http://img57.imageshack.us/img57/8722/2478yr9.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #fc9000;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfcfc;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

黃色 (範例: http://img67.imageshack.us/img67/7946/siv6.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #fcfc24;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfcfc;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

青綠色 (範例: http://img218.imageshack.us/img218/3249/gic4.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #90fc48;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfcfc;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

重綠色 (範例: http://img67.imageshack.us/img67/1979/gjm8.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #24b400;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfcfc;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

天空藍 (範例: http://img67.imageshack.us/img67/1722/96lm3.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #00fcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfcfc;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

重藍色 (範例: http://img67.imageshack.us/img67/7215/384rs2.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #0048fc;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfcfc;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

紫色 (範例: http://img67.imageshack.us/img67/9606/9228nb6.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #b424fc;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfcfc;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

黑色 (範例: http://img67.imageshack.us/img67/8682/7922om3.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #240024;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfcfc;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
)

咖啡紫色 (範例: http://img218.imageshack.us/img218/247/4459mz1.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #6c0048;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfcfc;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}


[ 粗邊框 ]
04.14 新增

紅色 (範例: http://img223.imageshack.us/img223/8279/ltcv0.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #fc0024;
SCROLLBAR-HIGHLIGHT-COLOR: #240024;
SCROLLBAR-SHADOW-COLOR: #240024;
SCROLLBAR-3DLIGHT-COLOR: #240024;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #240024;
SCROLLBAR-BASE-COLOR: #244890
}

粉紅色 (範例: http://img56.imageshack.us/img56/4756/ltdr4.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #fc90b4;
SCROLLBAR-HIGHLIGHT-COLOR: #240024;
SCROLLBAR-SHADOW-COLOR: #240024;
SCROLLBAR-3DLIGHT-COLOR: #240024;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #240024;
SCROLLBAR-BASE-COLOR: #244890
}

橘色 (範例: http://img55.imageshack.us/img55/8610/lpq2.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #fc9024;
SCROLLBAR-HIGHLIGHT-COLOR: #240024;
SCROLLBAR-SHADOW-COLOR: #240024;
SCROLLBAR-3DLIGHT-COLOR: #240024;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #240024;
SCROLLBAR-BASE-COLOR: #244890
}

黃色 (範例: http://img55.imageshack.us/img55/9517/lslf0.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #fcfc24;
SCROLLBAR-HIGHLIGHT-COLOR: #240024;
SCROLLBAR-SHADOW-COLOR: #240024;
SCROLLBAR-3DLIGHT-COLOR: #240024;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #240024;
SCROLLBAR-BASE-COLOR: #244890
}

青綠 (範例: http://img56.imageshack.us/img56/2921/lgne3.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #90fc00;
SCROLLBAR-HIGHLIGHT-COLOR: #240024;
SCROLLBAR-SHADOW-COLOR: #240024;
SCROLLBAR-3DLIGHT-COLOR: #240024;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #240024;
SCROLLBAR-BASE-COLOR: #244890
}

重綠 (範例: http://img56.imageshack.us/img56/6585/lgrk6.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #00b400;
SCROLLBAR-HIGHLIGHT-COLOR: #240024;
SCROLLBAR-SHADOW-COLOR: #240024;
SCROLLBAR-3DLIGHT-COLOR: #240024;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #240024;
SCROLLBAR-BASE-COLOR: #244890
}

天空藍 {範例: http://img68.imageshack.us/img68/4788/lik0.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #90fcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #240024;
SCROLLBAR-SHADOW-COLOR: #240024;
SCROLLBAR-3DLIGHT-COLOR: #240024;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #240024;
SCROLLBAR-BASE-COLOR: #244890
}
重藍 (範例: http://img68.imageshack.us/img68/4978/ltc3.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #0090fc;
SCROLLBAR-HIGHLIGHT-COLOR: #240024;
SCROLLBAR-SHADOW-COLOR: #240024;
SCROLLBAR-3DLIGHT-COLOR: #240024;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #240024;
SCROLLBAR-BASE-COLOR: #244890
}

咖啡色 (範例: http://img68.imageshack.us/img68/7510/lwi5.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #b46c00;
SCROLLBAR-HIGHLIGHT-COLOR: #240024;
SCROLLBAR-SHADOW-COLOR: #240024;
SCROLLBAR-3DLIGHT-COLOR: #240024;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #240024;
SCROLLBAR-BASE-COLOR: #244890
}

白色 (範例: http://img69.imageshack.us/img69/1029/lmc2.png )
語法:
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #240024;
SCROLLBAR-SHADOW-COLOR: #240024;
SCROLLBAR-3DLIGHT-COLOR: #240024;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #240024;
SCROLLBAR-BASE-COLOR: #244890
}


[ 凹框 ]
07.17新增

ps.無提供範例 , 請見諒
不過本人比較推薦這款 , 自己很喜歡就是了

桃紅
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #fc486c;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fc486c;
SCROLLBAR-TRACK-COLOR: #fc486c;
SCROLLBAR-DARKSHADOW-COLOR: #fc486c;
SCROLLBAR-BASE-COLOR: #fcfcfc
}


天空藍
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #00b4fc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #00b4fc;
SCROLLBAR-TRACK-COLOR: #00b4fc;
SCROLLBAR-DARKSHADOW-COLOR: #00b4fc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}


葡萄紫
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #b424fc;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #b424fc;
SCROLLBAR-TRACK-COLOR: #b424fc;
SCROLLBAR-DARKSHADOW-COLOR: #b424fc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}


橘子橘
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #fc9024;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fc9024;
SCROLLBAR-TRACK-COLOR: #fc9024;
SCROLLBAR-DARKSHADOW-COLOR: #fc9024;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

葉子綠
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #00b424;
SCROLLBAR-SHADOW-COLOR: #00b424;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #00b424;
SCROLLBAR-TRACK-COLOR: #00b424;
SCROLLBAR-DARKSHADOW-COLOR: #00b424;
SCROLLBAR-BASE-COLOR: #fcfcfc
}


檸檬黃
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfc00;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #fcfc00;
SCROLLBAR-TRACK-COLOR: #fcfc00;
SCROLLBAR-DARKSHADOW-COLOR: #fcfc00;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

陰天灰
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #b4b4b4;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #b4b4b4;
SCROLLBAR-TRACK-COLOR: #b4b4b4;
SCROLLBAR-DARKSHADOW-COLOR: #b4b4b4;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

烏漆黑
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-BASE-COLOR: #fcfcfc
}

上一篇:好名字

下一篇:表情符號