WFU

[筆記][Css]為 Youtube 等 Flash 在部落格上加上邊框

框上碳碳做了小小研究,最近碳碳發現 Youtube 上不是會有個嵌入語法嗎?
它裡面有個選項是顯現邊界嗎?那個對於美觀部落格或網站來說算是蠻美的,
可惜的是,它的顏色只有限定幾個顏色,所以碳碳也不能輸給 Youtube (誤),自己動手也能做出 Flash 的邊界(非改 Flash 內部語法,使用 Css 達成)廢話就不多說了趕緊咱們的教學重點。
(在修改之前先備份您們的佈景,以免作錯而無法恢復)


※測試瀏覽器:
碳碳主要用 Firefox 瀏覽器,故都正常。
IE 瀏覽器可看到邊界,但圓角沒有效果(碳碳只有測試 IE6 ,更高版本請各位回報)
Google Chrome 瀏覽器沒效果,碳碳還要進一步測試(請高手們指導一下)  其他瀏覽器就說聲抱歉,畢竟碳碳只是筆記而已。

請注意,您的嵌入語法要有 embed 才能。 CSS 語法如下:
embed {
border:10px solid #EEE;
padding:5px;
}

若要個別套用,請在 Flash (或者 Youtube )的語法內中的 embed 內添加
class="sai"
sai 可以自訂(如果要改的話, class 的 sai 和下面的 embed.sai 的 sai 也要改),然後語法就變成
embed.sai {
border:10px solid #EEE;
padding:5px;
}
說明一下, border 是指邊框, 10px 就是你邊邊的大小, #EEE 就是色碼,選你自己喜愛的顏色,
padding 就是...將邊框和你影片(Flash)做一個分隔(碳碳只是依照碳碳所摸索出來說明),
至於想用成Youtube的邊界效果, padding 這段語法去除就差不多類似了。

2010.05.26 補充:
如想將邊界用圓角的話,添加一段語法,如下。下面的 10px 依照自己需求去更動。
-moz-border-radius:10px 10px 10px 10px;


這樣一來不一定要用到 Youtube 內嵌的邊界顏色囉! Flash 大部分都可以(只要是 embed 的話)

0 個迴響:

張貼留言

留言須知:
1.請勿留下有關情色和垃圾回應。
2.即使不留言,若是好文,請幫忙按下推文,感恩^^。
3.請勿攻擊、譭謗他人,碳碳保有刪除和保留的權利。
4.文章內容用詞若有不妥之處,請指點一下!^^