August 28,2005

自由更改Sidebar捲軸顏色

更改版面後,一直看不慣我Sidebar捲軸顏色的配色,因為版面變成灰色,捲軸的顏色是白色和藍色,怎麼看都礙眼Ha~Ha~於是今天下午便開始在網上尋找教學的語法!

無奈我所看到的都是敎大家如何在Sidebar增加捲軸,這~這我早就知道了,我要的是可以隨版面更改顏色的語法!不然有些教學就是敎你如何更改你整個視窗捲軸的顏色!這不是我要的!!正打算放棄時,剛好看到了"能量魔法"-"圖層框框製作附加捲軸變化"的教學,雖然看到標題不是我要的,但我也抱著姑且一試的心態!

well~剛開始看內容時是有點失望,因為不是我要的,看到教學"第7~12~14項"時,我忽然想到或許可以把這3項綜合起變更一下語法再放到原本就有的語法中去試看看!!HA~Ha~Ha~果然皇天不負苦心人被我試出來了!!!呵~以下是"自由更改Sidebar捲軸顏色"的語法!!!

A:

B:


A的語法:
<div style=" height:150px;width:100%;Overflow:auto;"><p align="left"><script language="javascript" src="your link" type="text/javascript" charset="EUC-JP"></script></p></div>

B的語法:
在原本A的語法寬和長前面加入overflow:scroll;配色語法;這兩項語法就可以了!!
配色語法請到"捲軸顏色生產器"那配置喜歡的樣式,然後從那COPY
SCROLLBAR-FACE-COLOR: ######;
SCROLLBAR-HIGHLIGHT-COLOR:###### ;
SCROLLBAR-SHADOW-COLOR: #######;
SCROLLBAR-3DLIGHT-COLOR: #######;
SCROLLBAR-ARROW-COLOR: #######;
SCROLLBAR-TRACK-COLOR: #######;
SCROLLBAR-DARKSHADOW-COLOR: ######;

等語法放到overflow:scroll;之後就可以了!
以下是語法:
<div style="overflow:scroll; 配色語法;height:150px;width:100%;Overflow:auto;"><p align="left"><script language="javascript" src="your link" type="text/javascript" charset="EUC-JP"><script></p></div>

ps.語法中的橘色部份可以自由更改~別忘了要把<>變回<>,
    如果用width:100%;(寬)表示,將不會出現下面的捲軸,如需要
    下面的捲軸可以改成width:100px;等等看你要多寬!


Posted by detroit_taipei at 樂多Roodo! │10:23 │回應(8)引用(0)Web&Computer
樂多分類:藝術/設計 工具:編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/420485
回應文章
我之前還有看人家改最旁邊的邊框噢!
不過,我的瀏覽器習慣用Firefox,所以~就懶的改!CC~
Posted by Amanda at August 28,2005 14:21
全都改好了嗎?很累吧!
我現在想改但是沒心力,
等待時機.^^
Posted by March at August 28,2005 14:27
To Amanda~
對呀!我今天看到很多改"最旁邊的邊框"(視窗?!right?)的教學!Ha~但我懶的去改那個!ha~ha~ha~

To March~
呵~應該是都改好了吧!
想到再改囉!!^_^
Posted by Karen at August 28,2005 14:49
Dear Karen
下次看妳要不要用firefox一邊看一邊改!
我再跟妳說,因為不想要公開,讓知道的網路小白,把自己的CSS拿去用!
其實,我也是去學來的啦!哈哈!
Posted by Amanda at August 28,2005 15:05

其實那些都ie才看的出差別
我用firefox看都一樣喔: )
Posted by RainLay at August 28,2005 16:55
Dear Amanda~
呵~我這次CSS版面就是用firefox邊看邊改!
是真的蠻方便的!你是說要再css裡面多加入一些語法
才會讓這些看起來和ie一樣??

RainLay~
我大多是用ie要改css才會用到firefox,所以沒有注意到這個問題說!ha~ha~
Posted by Karen at August 29,2005 01:49
呵....Karen好厲害ㄋㄟ
精神可嘉
讚!
Posted by Sita at August 29,2005 04:14
Sita~
沒啦~只是無聊剛好可以學一下語法囉!^_^
Posted by Karen at August 29,2005 14:07