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

昨天半夜天仙敲了我,問了我一個小問題,丫湯覺得應該也會有人用的到,他最近利用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>

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

    阿湯說:

    我也很忙~剛換工作

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

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

    阿湯說:

    我的CSS弱弱的~~哈

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

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

    阿湯說:

    呵~那燒掉可以嗎

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

    阿湯說:

    呵~這是一定要的啦

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *