} if( uid.equals(_udnmember) != true && !_IS_ADMIN && psn_main.getLock_right().equals("Y") ) { %>美得冒泡》照片加掛透明Flash教學【部落格創作圖解教學6】 - 程如晞@部落格好好玩 - udn部落格
網路城邦
上一篇 回創作列表 下一篇   字體:
美得冒泡》照片加掛透明Flash教學【部落格創作圖解教學6】
2009/05/22 09:38:16瀏覽12773|回應22|推薦126

撰文/程如晞

  如晞開格以來被最多朋友問到的問題,你們猜是什麼咧?猜猜看!

  每一次回覆的時候,都是匆匆忙忙,沒能好好交代。一直都在想應該找個時間來寫篇教學,卻因為在時間有限的情況下,有更多想寫的網誌,於是一拖都快超過一年了。今天因為要到世新大學教部落格創作,終於下定決心,要同步來與格友們分享,為什麼如晞的山頭會動,很多照片還美得冒泡,仔細聽真的有氣泡聲咧;有些照片看起令人留口水,一捲動畫面,還真的口水就滴滴落了下來。

  以下文字框內的語法你只要把裏面的相片網址換成你的照片,按Copy後貼到你的文章創作區的純文字模式裏,再轉成Html模式,就可以看到透明的Flash掛在你的照片上。照片的網址要是不知道怎麼拿,請參閱底下的圖解教學 。Flash 的花樣請參見透明Flash大集合 

加掛透明Flash語法如下:

(相片的寛度及高度請依自己的照片尺寸修改)

語法說明:

1.找出你要加掛FLASH的照片,取得相片網址如:http://album.udn.com/community/img/PSN_PHOTO/101match/f_1147270_1.jpg後,貼到backgroud="相片網址貼在這裏"

2.找到你想要掛的 Flash的網址,Flash加掛在照片上的語法是 embed scr="Flash網址貼在這裏

3.依你的照片尺寸,修改寬度和高度,height="相片高度” width”相片寛度

4.配合你的照片尺寸,修改Flash的寬高,請注意要小於照片的大小,否則照片會重覆擴展

相片的網址的取得方法有二:

方法一:在你的相簿,照片底下有個複製的網址

方法二之1:把游標停在照片上,按右鍵後再按內容

方法二之2:按內容後會跳出照片所在網址的視窗以及照片的大小尺寸

在發表創作區,按<>這裏,即可切換成貼語法的模式

上述文字框語法切換成html模式後,照片即呈現如下:

雪花飄飄

更多示範照片...

大水滴滴落成漣漪

口水滴滴落

星光花園蝴蝶飛

飛鳥掠過天際

【延伸閱讀如晞的其他教學網誌】

一次上傳一堆照片的秘訣

將圖片放在網誌的文右或左的方法

插入影音播放器及自動播放音樂的方法

如何使用部落格的引用功能

UDN自訂網誌模版教學

( 休閒生活網路生活 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=101match&aid=2971973
 引用者清單(3)  
2011/04/26 14:16 【BANK】 Flash小試身手
2011/03/01 02:07 【☆就是要紅】 【電腦你我他】在你的圖上外掛美美的透明flash效果
2009/05/23 09:14 【程如晞@部落格好好玩】 透明Flash大集合

 回應文章 頁/共 3 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁


等級:
留言加入好友
失敗!
2011/04/19 15:08
老師我失敗了~!> <

Show
等級:8
留言加入好友
感謝, 受益良多
2011/03/01 02:04
我引用於班級部落格中, 順便讓學生來練練功囉!

程如晞
等級:8
留言加入好友
終於完成修改
2010/04/22 14:28

好不容易 再把這篇補齊了

要學掛Flash 的格友們  記得先把語法抄回家  

貼在自家的記事本


程如晞
等級:8
留言加入好友
少了一大段
2010/01/07 12:44

這篇圖解教學在修改時不小心被系統截去了一大半

等我有時間再補回來




等級:
留言加入好友
真沮喪,我失敗了
2009/12/09 21:44

我試了好幾次都沒有成功,不知道為什麼Flash的影像就是不出來

程如晞(101match) 於 2009-12-10 02:35 回覆:

我猜你的照片網址沒有取對

你把你弄的貼過來給我

我有把握可以幫你找到問題


程如晞
等級:8
留言加入好友
補充說明
2009/10/27 14:22

山頭掛Flash語法

<embed style="POSITION: absolute; TOP: 1px; LEFT: 30px" height="370" type="application/x-shockwave-flash" width="700" src="http://yyy9005.googlepages.com/zz20bn0.swf" quality="high" wmode="transparent" />

指定Flash 特定位置語法

<embed style="POSITION: absolute; TOP: 575px; LEFT: 230px" height="380" type="application/x-shockwave-flash" width="500" src="http://yyy9005.googlepages.com/zz18ii0.swf" wmode="transparent" quality="high" /> <p /><p>



走過的痕跡
等級:6
留言加入好友
為何看不到flash
2009/08/05 23:36

老師:

若看不到flash效果,(照片左上角僅出現圖示)是否少了某程式?

請解惑!

程如晞(101match) 於 2009-08-06 02:01 回覆:

是的 要下載 Adobe Flash Player

可由官方網站 http://www.adobe.com/tw/products/flashplayer/下載


Ruby_lcc
偶有嚴重的問題
2009/07/11 07:13

週四聽了妳的演講
下載了光影  真好玩
不過 有關透明Flash 
老是在yahoo自訂欄位貼不出來
老師可以教我嗎

http://tw.myblog.yahoo.com/ruby-loveswrite

驗證碼有點麻煩吶

為什麼要設呢

有意義嗎


㊣ 小小
等級:8
留言加入好友
請問如晞
2009/05/28 22:17

請教一下 

星光花園蝴蝶飛的網址為什麼找不到

可以麻煩給我嗎?


程如晞(101match) 於 2009-05-28 23:08 回覆:
http://yyy9005.googlepages.com/zz20bn0.swf

螞蟻
等級:8
留言加入好友
螞蟻來報到了
2009/05/28 03:47

耶!螞蟻像您請安來囉!

謝謝程老師

真的好好玩

程如晞(101match) 於 2009-05-28 10:08 回覆:

驚死人了  你把瑪蟻搞到我家來

我最怕螞蟻了  (唉~不是說你)

是說  你把我最不可能用的FLASH運用得真好   

頁/共 3 頁  回應文第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁