加入捲軸框框,聯播器聯播再多文章都不怕影響版面美觀

2009/08/03 電腦小教室

昨天半夜天仙敲了我,問了我一個小問題,丫湯覺得應該也會有人用的到,他最近利用Google Reader製作聯播RSS,不過由於版面的美觀關係,如果一次聯播數量太多,那就會造成太長有礙版面,因此跑來問丫湯怎麼加入捲軸框框可以拖拉,應該也有很多人有在首頁放置相關聯播語法會用的到,如果你有這樣的需求可以參考看看。

01

這就是天仙家弄的Google Reader閱讀器的聯播器,如果你也想製作一個可以參考以下文章:

利用Google閱讀器製作聯播器,與三五好友一起串連互相宣傳優格

不過原始製作出來的聯播器無法產生捲軸框框,所以就要自行手動加上語法修改,非常的簡單,只要利用一些語法將聯播語法包覆起來就可以了,不僅適用在聯播器啦,其它類別的視窗也可以加上捲軸框框。

捲軸框框包覆語法:

只要將聯播器語法放進去包覆起來,就會顯示捲軸框框,如此一來就算聯播數量設定100個也不用擔心過多有礙版面美觀啦。

聯播器語法

語法解說:

<div style="OVERFLOW:auto:內容超出區塊自動由瀏覽器決定*/
HEIGHT:350px:內框架高度

捲軸各部份顏色:

以下各部份顏色丫湯就不多做說明,如果想變化顏色的人可以利用#000000一個個取代顏色,來看看各個顏色代表位置在哪兒。

SCROLLBAR-TRACK-COLOR: #ded5ff;

SCROLLBAR-FACE-COLOR: #dec5ff;

SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;

SCROLLBAR-SHADOW-COLOR: #FFFFFF;

SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;

SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;

SCROLLBAR-ARROW-COLOR: #945ac5;

">聯播器語法<div>

你可能對這些內容也有興趣

作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

8 個留言

  1. 名媛表示:

    好問題~~確實沒睡飽過 XD 但近日是更睡不飽
    日子忙雖好,但未免也太忙了吧

    阿湯說:

    我也很忙~剛換工作

  2. 名媛表示:

    我一定是睏了,所以沒辦法集中精神看懂~~~

    阿湯說:

    哈~圓仔有睡飽過嗎

  3. 炮爺表示:

    如果可以,捲軸還要使用CSS再改
    不然和主題型的版面還是不撘..
    瀏覽器預設捲軸都很醜..

    話說ㄚ湯怎不用語法高亮外掛來顯示代碼

    阿湯說:

    我的CSS弱弱的~~哈

    本來想用語法啦..後來就很懶的….忘了= =

  4. Arno Ruan表示:

    測試IE8會爆出來。XD

    阿湯說:

    我用IE8看怎麼正常的@@

  5. xD~碳表示:

    碳碳暫時用不到,不過先保留xD :as57
    記得到時候碳碳要用的時候,部落可別關掉啦 :as59

    阿湯說:

    呵~那燒掉可以嗎

  6. 拆組達人表示:

    這個語法應該也可以套用在其他的物件上?

    阿湯說:

    其它物件也是OK的

  7. 在地ㄚ晟表示:

    讚啦!!好方法!!

    阿湯說:

    能幫到丫晟的話也不錯吶

  8. 天仙表示:

    謝謝阿湯啊~
    你真是個好員工~
    所以一定要來坐一下沙發的啦~~
    :as23

    阿湯說:

    呵~這是一定要的啦

發表留言 »

姓名(*)
信箱(*)