September 7,2007 11:44
外行人筆記: 跑馬燈
很早就看過有人在自己的網誌上用跑馬燈當公告欄
那時候開始
我就一直也想替自己的網誌加個這種樣子的公告欄
想在偷懶或沒靈感而沒寫網誌的時候公告一下
也算是給訪客一點交代
那時候開始
我就一直也想替自己的網誌加個這種樣子的公告欄
想在偷懶或沒靈感而沒寫網誌的時候公告一下
也算是給訪客一點交代
但一開始是沒找到喜歡的樣式
時間一久就懶了
後來又被我看到管家這玩意
管家這樣可以滿場(頁)跑的感覺
比跑馬燈炫
所以我就把跑馬燈拋到腦後
最近不知道哪根筋不對
(好像導火線是在別人家看到漂亮的跑馬燈的樣子)
突然跑馬燈魂又上身
卯起來搜尋資料
昨天總算達成心願
加上了一個完全沒背景的跑馬燈
雖然我也看到不少很可愛的設計
但我的邊欄已經夠複雜了
所以我還是比較喜歡這種純粹的感覺
比較不會干擾訪客
但昨天放上跑馬燈後
我發現無法在 firefox 底下看到它
剛剛查了一下
看到有人說是因為 firefox 不支援跑馬燈的語法
所以
我還是多加了一個有設計的跑馬燈
算是給 firefox 的使用者(包括我自己)一個交代...
我把兩個跑馬燈的語法放在同一個自由欄位
而為了讓兩個跑馬燈不要出現在同一行
所以我加上了<br/>的語法
結果
不知道是哪個環節的因素
( <br/> 的語法或另外一個跑馬燈的語法)
那個純粹文字的跑馬燈居然出現了!
只是速度比 IE 快很多...
語法:
1. 完全沒背景的跑馬燈
雖然我的完全沒背景, 但其實我還是有指定速度(scrolldelay) 跟寬度(width)
所以我的語法如下
<marquee scrolldelay="150" width="165">文字</marquee>
速度的語法因為是 scroll+delay, 所以數字越小速度越快(因為delay少)
寬度則是數字越大越寬...
如果想進一步指定其他項目的話, 可以參考以下這一篇:
Html跑馬燈+圖片+超連結 @ 生活不外如是
2. 有背景的跑馬燈
我是從鏡子那邊拿來的
她那邊有很多樣式
而且除了跑馬燈, 她還有設計一些其他的小掛件, 都很可愛
我邊欄的 twitter 也是從她家取回來的
她甚至還有按照系列分
讓不太會自行搭配小物件色系的人可以直接整組套用
非常方便
像我的 twitter 跟跑馬燈就都是從『宅!也要有型』-Man酷有型系列取回來的
有興趣的人請自行到鏡子家留言領取... ^^
兩款跑馬燈在 IE 底下的樣子

兩款跑馬燈在 Firefox 底下的樣子

時間一久就懶了
後來又被我看到管家這玩意
管家這樣可以滿場(頁)跑的感覺
比跑馬燈炫
所以我就把跑馬燈拋到腦後
最近不知道哪根筋不對
(好像導火線是在別人家看到漂亮的跑馬燈的樣子)
突然跑馬燈魂又上身
卯起來搜尋資料
昨天總算達成心願
加上了一個完全沒背景的跑馬燈
雖然我也看到不少很可愛的設計
但我的邊欄已經夠複雜了
所以我還是比較喜歡這種純粹的感覺
比較不會干擾訪客
但昨天放上跑馬燈後
我發現無法在 firefox 底下看到它
剛剛查了一下
看到有人說是因為 firefox 不支援跑馬燈的語法
所以
我還是多加了一個有設計的跑馬燈
算是給 firefox 的使用者(包括我自己)一個交代...
我把兩個跑馬燈的語法放在同一個自由欄位
而為了讓兩個跑馬燈不要出現在同一行
所以我加上了<br/>的語法
結果
不知道是哪個環節的因素
( <br/> 的語法或另外一個跑馬燈的語法)
那個純粹文字的跑馬燈居然出現了!
只是速度比 IE 快很多...
語法:
1. 完全沒背景的跑馬燈
雖然我的完全沒背景, 但其實我還是有指定速度(scrolldelay) 跟寬度(width)
所以我的語法如下
<marquee scrolldelay="150" width="165">文字</marquee>
速度的語法因為是 scroll+delay, 所以數字越小速度越快(因為delay少)
寬度則是數字越大越寬...
如果想進一步指定其他項目的話, 可以參考以下這一篇:
Html跑馬燈+圖片+超連結 @ 生活不外如是
2. 有背景的跑馬燈
我是從鏡子那邊拿來的
她那邊有很多樣式
而且除了跑馬燈, 她還有設計一些其他的小掛件, 都很可愛
我邊欄的 twitter 也是從她家取回來的
她甚至還有按照系列分
讓不太會自行搭配小物件色系的人可以直接整組套用
非常方便
像我的 twitter 跟跑馬燈就都是從『宅!也要有型』-Man酷有型系列取回來的
有興趣的人請自行到鏡子家留言領取... ^^
兩款跑馬燈在 IE 底下的樣子

兩款跑馬燈在 Firefox 底下的樣子

引用URL
http://cgi.blog.roodo.com/trackback/4097485
回應文章 
魚兒對跑馬燈目前沒興趣
純粹是要拿頭香
XD
純粹是要拿頭香
XD
| 檢舉 |
Posted by 魚兒
at September 7,2007 12:28
剛看了首頁邊欄的跑馬燈
速度可以加快些
魚兒比較沒耐心:P
速度可以加快些
魚兒比較沒耐心:P
| 檢舉 |
Posted by 魚兒
at September 7,2007 12:35
嘿呀...ff不支援做跑馬燈最快、最簡單的<marquee>標籤...
@@所以想在ff做出跑馬燈,就得繞一大圈....
@@所以想在ff做出跑馬燈,就得繞一大圈....
| 檢舉 |
Posted by D
at September 7,2007 13:12
所以你們都無法看到我網誌內的跑馬燈就是了
灰底白字有點傷眼力...
蛙姐是不是怕自己部落格太紅所以只好用這種消極的抵抗方式?........
(跑走)
蛙姐是不是怕自己部落格太紅所以只好用這種消極的抵抗方式?........
(跑走)
| 檢舉 |
Posted by 路路
at September 7,2007 16:15
to 魚兒
感謝您對本站頭香的支持
請收下本人香吻一個... ^3^
你覺得速度太慢的應該是有背景那個吧?
那個是高手鏡子做的 .swf
我跟這種檔案不熟, 不知道怎麼調整耶
沒背景, 很單純的那個
應該是用飛的
大概沒幾個人看得到
你如果看得到還嫌慢
那您應該也不是地球人吧
(最後一個用"您"而非"你",是因為從心底油然升起一股敬意... :P)
to D
>ff不支援做跑馬燈最快、最簡單的<marquee>標籤...
對
我也是看到有這種說法
但問題是...
我那個用marquee語法寫的跑馬燈居然在加上 br 跟另外一個跑馬燈後出現了......
(其實以上那句才是全文的重點... :P)
to David
不知道你說的跑馬燈是指哪一個地方
(你有兩個網誌, 而且你的小東西也滿多的...XD)
to 路路
呃
有關底色跟文字顏色
是因為我個人覺得酷炫
而且...我覺得白底黑字在螢幕上看起來比較刺眼
造成訪客的困擾真抱歉!
聽說不同的人對不同的顏色搭配感覺不一樣...
之前有人討論過
http://b-oo-k.net/blog/blog.php/2006/102
感謝您對本站頭香的支持
請收下本人香吻一個... ^3^
你覺得速度太慢的應該是有背景那個吧?
那個是高手鏡子做的 .swf
我跟這種檔案不熟, 不知道怎麼調整耶
沒背景, 很單純的那個
應該是用飛的
大概沒幾個人看得到
你如果看得到還嫌慢
那您應該也不是地球人吧
(最後一個用"您"而非"你",是因為從心底油然升起一股敬意... :P)
to D
>ff不支援做跑馬燈最快、最簡單的<marquee>標籤...
對
我也是看到有這種說法
但問題是...
我那個用marquee語法寫的跑馬燈居然在加上 br 跟另外一個跑馬燈後出現了......
(其實以上那句才是全文的重點... :P)
to David
不知道你說的跑馬燈是指哪一個地方
(你有兩個網誌, 而且你的小東西也滿多的...XD)
to 路路
呃
有關底色跟文字顏色
是因為我個人覺得酷炫
而且...我覺得白底黑字在螢幕上看起來比較刺眼
造成訪客的困擾真抱歉!
聽說不同的人對不同的顏色搭配感覺不一樣...
之前有人討論過
http://b-oo-k.net/blog/blog.php/2006/102
| 檢舉 |
Posted by hikawac
at September 7,2007 16:37
to 魚兒
>沒背景, 很單純的那個
>應該是用飛的
這是指用 firefox 為瀏覽器而言
用 IE 應該是滿正常的速度
比有背景那個快一點點...
為了讓沒背景的跑馬燈在 firefox 底下不至於飛得太快
所以我不敢再調快速度了...@@
>沒背景, 很單純的那個
>應該是用飛的
這是指用 firefox 為瀏覽器而言
用 IE 應該是滿正常的速度
比有背景那個快一點點...
為了讓沒背景的跑馬燈在 firefox 底下不至於飛得太快
所以我不敢再調快速度了...@@
| 檢舉 |
Posted by hikawac
at September 7,2007 16:40
to David
我去看了一下你的樂多
我有在 banner 那邊看到你的跑馬燈耶...
是否因為貼在網誌敘述的關係?
我去看了一下你的樂多
我有在 banner 那邊看到你的跑馬燈耶...
是否因為貼在網誌敘述的關係?
| 檢舉 |
Posted by hikawac
at September 7,2007 16:45
>是否因為貼在網誌敘述的關係?
可能喔!
>你有兩個網誌, 而且你的小東西也滿多的...XD
你指的小東西扣除圖片及連結外只有
flickr相片輪播器一只
e-shop的即時衛星雲圖一組
C-box留言板一面
巴布先生一個
BlogLive一個
天空音樂播放器一個(限樂多版)
另外加上痞客邦內建的新功能,不過只限痞客邦使用不能外掛。
應該就只有這些東西^_^
可能喔!
>你有兩個網誌, 而且你的小東西也滿多的...XD
你指的小東西扣除圖片及連結外只有
flickr相片輪播器一只
e-shop的即時衛星雲圖一組
C-box留言板一面
巴布先生一個
BlogLive一個
天空音樂播放器一個(限樂多版)
另外加上痞客邦內建的新功能,不過只限痞客邦使用不能外掛。
應該就只有這些東西^_^
抱歉!我還漏掉了貼在網誌敘述上的
Clock Link小時鐘一個
Clock Link小時鐘一個
| 檢舉 |
Posted by David
at September 7,2007 17:08
不只
你的 banner 還有
1.外掛的日期/時間
2.類似公告欄的小框框
邊欄的話
還有一個叫生活隨想的小欄位
(邊欄的其他小玩意我就沒仔細去看了...)
雖然我可能沒立場講你
不過還是想碎碎念一下
你的 banner 圖片本身就有很多文字
再加上網誌 title (David 時光筆記) 跟網誌敘述
其實已經滿花了
之前我就有點想建議你把那些小玩意挪到 banner 以外的地方耶...
(或者修改一下圖片, 把圖片上以下的文字移除
David's Time Note, 大衛的時光筆記
因為其實這兩者跟你的網誌 title 重覆了...XD)
當然
這是我個人的小小建議
如有冒犯請見諒...
你的 banner 還有
1.外掛的日期/時間
2.類似公告欄的小框框
邊欄的話
還有一個叫生活隨想的小欄位
(邊欄的其他小玩意我就沒仔細去看了...)
雖然我可能沒立場講你
不過還是想碎碎念一下
你的 banner 圖片本身就有很多文字
再加上網誌 title (David 時光筆記) 跟網誌敘述
其實已經滿花了
之前我就有點想建議你把那些小玩意挪到 banner 以外的地方耶...
(或者修改一下圖片, 把圖片上以下的文字移除
David's Time Note, 大衛的時光筆記
因為其實這兩者跟你的網誌 title 重覆了...XD)
當然
這是我個人的小小建議
如有冒犯請見諒...
| 檢舉 |
Posted by hikawac
at September 7,2007 17:14
to David
>Clock Link小時鐘一個
我碎碎唸太長
被你搶先一步
沒錯.你漏了小時鐘
(ps.我只看了你樂多的窩而已
沒力氣兩個都看囉...@@)
>Clock Link小時鐘一個
我碎碎唸太長
被你搶先一步
沒錯.你漏了小時鐘
(ps.我只看了你樂多的窩而已
沒力氣兩個都看囉...@@)
| 檢舉 |
Posted by hikawac
at September 7,2007 17:15
"生活隨想"那個欄位是樂多的RSS訂閱欄!我把它拿來訂閱了我自己的巴布日記並把rss筆數顯示為一筆,就類似What am I doing?那樣,底下的巴布先生就顯示自己與朋友的對話及碎碎唸
關係Banner上的問題,在下也覺得有點花網誌名稱跟Banner圖重覆,我想如果是在MT的部落格了話就直接以整個Banner做為回首頁的連結就不會發生重覆這件事
說到Banner的小玩意移到別的地方,這個問題在痞客邦推出的新模板架構中在Banner與內問間新增了公告的欄位就能順利成章的把這些東西移到上面維持Banner的清爽,目前我的版就是套用這種新版面測試當中,不過唯一美中不足的地方是文章的段落間都擠在一起我還沒有找到決定文章段落間距的語法
關係Banner上的問題,在下也覺得有點花網誌名稱跟Banner圖重覆,我想如果是在MT的部落格了話就直接以整個Banner做為回首頁的連結就不會發生重覆這件事
說到Banner的小玩意移到別的地方,這個問題在痞客邦推出的新模板架構中在Banner與內問間新增了公告的欄位就能順利成章的把這些東西移到上面維持Banner的清爽,目前我的版就是套用這種新版面測試當中,不過唯一美中不足的地方是文章的段落間都擠在一起我還沒有找到決定文章段落間距的語法
>2.類似公告欄的小框框
那是用HTML語法中的"textarea"的語法所構成的,通常這是用來分享語法的純文字框,後來我發現原來這也可以拿來當備忘錄用。
那是用HTML語法中的"textarea"的語法所構成的,通常這是用來分享語法的純文字框,後來我發現原來這也可以拿來當備忘錄用。
喔!多了一個會幫主人說話的管家,真可愛!
我也是會三不五時就去鏡子那邊挖寶
有的小東西真的很可愛
有的小東西真的很可愛
to David,
>說到Banner的小玩意移到別的地方,
這個問題在痞客邦推出的新模板架構中在Banner與內問間新增了公告的欄位
就能順利成章的把這些東西移到上面維持Banner的清爽
pixnet 有這種設計還不錯
但如果你同步維護樂多跟 pixnet 的話
樂多的部份可能就要手動調整了...
>說到Banner的小玩意移到別的地方,
這個問題在痞客邦推出的新模板架構中在Banner與內問間新增了公告的欄位
就能順利成章的把這些東西移到上面維持Banner的清爽
pixnet 有這種設計還不錯
但如果你同步維護樂多跟 pixnet 的話
樂多的部份可能就要手動調整了...
| 檢舉 |
Posted by hikawac
at September 10,2007 10:01
>這個問題在痞客邦推出的新模板架構中在Banner與內問間新增了公告的欄位
有三波魯嗎? 啥? 聽嘸?
Sample啦~ :p
有三波魯嗎? 啥? 聽嘸?
Sample啦~ :p
| 檢舉 |
Posted by D
at September 10,2007 11:18
to David
>"生活隨想"那個欄位是樂多的RSS訂閱欄!
我把它拿來訂閱了我自己的巴布日記
那你使用 buboo 在生活隨想的方式
就跟我現在使用 twitter 的方式一樣
不過我是直接新增自由欄位
沒有使用rss訂閱功能
原來樂多的 rss 訂閱欄還可以這樣用 ^^
>那是用HTML語法中的"textarea"的語法所構成的
原來 textarea 還有這個用途
我以為單純是輸入資料的欄位
如 Blog search 那種讓訪客輸入資料的地方
to 水筆仔阿茵
歡迎來訪
小管家初看很有趣
但常客說很干擾閱讀
可是我捨不得拿掉...
你們徵新國旗的活動
我有私下幫忙打廣告
但最近實在有點煩悶
所以就沒有在網誌上寫文章宣傳了...@@
to 茉霓
哈
對啊
鏡子人很好
我跟她說要怎麼修改顏色
她就幫我找了適合我使用的系列給我! *大心*
to D
齁
你這懶鬼
大衛的痞客邦目前就是那樣設定的啊
點上面有附連結的 "David" 字樣就可以連過去啦
大致上就是 banner 下方還有一塊小公告區囉
>"生活隨想"那個欄位是樂多的RSS訂閱欄!
我把它拿來訂閱了我自己的巴布日記
那你使用 buboo 在生活隨想的方式
就跟我現在使用 twitter 的方式一樣
不過我是直接新增自由欄位
沒有使用rss訂閱功能
原來樂多的 rss 訂閱欄還可以這樣用 ^^
>那是用HTML語法中的"textarea"的語法所構成的
原來 textarea 還有這個用途
我以為單純是輸入資料的欄位
如 Blog search 那種讓訪客輸入資料的地方
to 水筆仔阿茵
歡迎來訪
小管家初看很有趣
但常客說很干擾閱讀
可是我捨不得拿掉...
你們徵新國旗的活動
我有私下幫忙打廣告
但最近實在有點煩悶
所以就沒有在網誌上寫文章宣傳了...@@
to 茉霓
哈
對啊
鏡子人很好
我跟她說要怎麼修改顏色
她就幫我找了適合我使用的系列給我! *大心*
to D
齁
你這懶鬼
大衛的痞客邦目前就是那樣設定的啊
點上面有附連結的 "David" 字樣就可以連過去啦
大致上就是 banner 下方還有一塊小公告區囉
| 檢舉 |
Posted by hikawac
at September 11,2007 14:59
:P 乾蝦啦~
| 檢舉 |
Posted by D
at September 11,2007 16:42
to 老迪
>有三波魯嗎? 啥? 聽嘸?
Sample啦~ :p
要看樣本可以到我在痞客邦的Blog看喔!就是內文和Banner之間的紫色區塊
to hikawac
謝謝你幫我回答喔! ^_^
>有三波魯嗎? 啥? 聽嘸?
Sample啦~ :p
要看樣本可以到我在痞客邦的Blog看喔!就是內文和Banner之間的紫色區塊
to hikawac
謝謝你幫我回答喔! ^_^
| 檢舉 |
Posted by David
at September 12,2007 19:36
>那你使用 buboo 在生活隨想的方式
就跟我現在使用 twitter 的方式一樣
不過我是直接新增自由欄位
沒有使用rss訂閱功能
原來樂多的 rss 訂閱欄還可以這樣用 ^^
用樂多的RSS訂閱欄接受訊息有一個好處就是避免外掛小玩意拖累網頁開啟的速度
就跟我現在使用 twitter 的方式一樣
不過我是直接新增自由欄位
沒有使用rss訂閱功能
原來樂多的 rss 訂閱欄還可以這樣用 ^^
用樂多的RSS訂閱欄接受訊息有一個好處就是避免外掛小玩意拖累網頁開啟的速度
to Davidx2,
>謝謝你幫我回答喔! ^_^
不客氣
>用樂多的RSS訂閱欄接受訊息有一個好處
>就是避免外掛小玩意拖累網頁開啟的速度
但
這也是壞處啊
因為不能換面板也就沒那麼有趣了
>謝謝你幫我回答喔! ^_^
不客氣
>用樂多的RSS訂閱欄接受訊息有一個好處
>就是避免外掛小玩意拖累網頁開啟的速度
但
這也是壞處啊
因為不能換面板也就沒那麼有趣了
| 檢舉 |
Posted by hikawac
at September 14,2007 09:12
訊息子彈那塊嗎?
那是官方就已經設好的喔~?
那是官方就已經設好的喔~?
| 檢舉 |
Posted by D
at September 14,2007 11:26
彷彿好像似乎是... :P
| 檢舉 |
Posted by hikawac
at September 19,2007 11:23
= = + ...
| 檢舉 |
Posted by D
at September 19,2007 12:15
