網路城邦
上一篇 回創作列表 下一篇   字體:
【教學】山頭動起來!
2009/04/18 17:53:43瀏覽3922|回應13|推薦32

是不是想和EG一樣在山頭處加上美美的flash的動畫呢?

請複製以下的語法:

<Embed style="LEFT: 0px; WIDTH: 770px;HEIGHT: 450px;TOP: 0px;POSITION: absolute" align=right src=http://img166.imageshack.us/img166/3572/90996087tb5.swf type=application/octet-stream;quality="high" wmode="transparent">

說明:

left:數值px
(指的是與視窗左邊的邊界距離,數值越大離越遠)

width:數值px
(指的是flash動畫的寬度,數值越大越寬)

height:數值px 
(指的是flash動畫的長度,數值越大越長)

TOP:數值px
(指的是與視窗上方的邊界距離,數值越大離越遠)

src="flash的網址"

POSITION: absolute (為絕對位置)

wmode="transparent" (為透明背景)

一樣的道理,如果要將圖片或是GIF的圖檔放在山頭處只要把Embed改成IMG

(EMBED為影音檔的語法標籤,IMG則為圖片的語法標籤)

範例語法:
<img style="LEFT: 85px; POSITION: absolute; TOP: 220px" height="136" src="http://album.udn.com/community/img/PSN_PHOTO/eg0501/f_2334730_1.GIF" width="133" align="center" wmode="transparent" />

【首頁】將語法貼入下圖所示的地方

【文章】將語法貼入下圖所示的地方

看到這你一定有一個疑問:我要到哪找動畫呢?

首先要先感謝如晞老師蒐集許多動畫如下: 

http://yen905.googlepages.com/zz1_001.swf  探照燈

 http://yen905.googlepages.com/zz1_002.swf  斜急飄黃色落葉

http://yen905.googlepages.com/zz1_003.swf  3循環星與心

 http://yen905.googlepages.com/zz1_004.swf  4 細碎小黃綠落葉

http://yen905.googlepages.com/zz1_005.swf  loveyou forever *****

 http://yen905.googlepages.com/zz1_006.swf  波紋與花 好美 *****

 http://yen905.googlepages.com/zz1_007.swf  氣泡與氣球式的星星

 http://yen905.googlepages.com/zz1_008.swf  右下角淡淡粉紅色音符

 http://yen905.googlepages.com/zz1_010.swf  大水滴落下

http://yen905.googlepages.com/zz1_011.swf  白色蒲公英

http://yen905.googlepages.com/zz1_012.swf  格子門打開

http://yen905.googlepages.com/zz1_013.swf  閃光

http://yen905.googlepages.com/zz1_014.swf  直束心星串落下

http://yen905.googlepages.com/zz1_015.swf  愛心斜掛在左上角

http://yen905.googlepages.com/zz1_016.swf  斜雨落下 有漣漪

 http://yen905.googlepages.com/zz1_018.swf  紅色玫瑰瓣落

 http://yen905.googlepages.com/zz1_019.swf  十里的音樂揚的

http://yen905.googlepages.com/zz1_021.swf  兩方窗簾飄

http://yyy9005.googlepages.com/b_09.swf  落花

http://img85.imageshack.us/img85/8036/60537397ep6.swf  泡泡星星

http://yen905.googlepages.com/m33.swf  窗簾

http://imgfree.21cn.com/free/flash/1.swf 橫流星

http://imgfree.21cn.com/free/flash/2.swf 百葉窗

http://imgfree.21cn.com/free/flash/3.swf 超大鎂光

http://imgfree.21cn.com/free/flash/4.swf亂閃星

http://imgfree.21cn.com/free/flash/5.swf 收起再閃開的星

http://imgfree.21cn.com/free/flash/6.swf 狂落下地的大雨滴

http://imgfree.21cn.com/free/flash/7.swf 爆開的火花及流星

http://imgfree.21cn.com/free/flash/8.swf 青蛙

http://imgfree.21cn.com/free/flash/9.swf 藍蝶飛進

http://imgfree.21cn.com/free/flash/10.swf

http://imgfree.21cn.com/free/flash/11.swf

http://imgfree.21cn.com/free/flash/12.swf

http://imgfree.21cn.com/free/flash/13.swf 膠捲轉盤

http://imgfree.21cn.com/free/flash/14.swf 

http://imgfree.21cn.com/free/flash/15.swf

http://imgfree.21cn.com/free/flash/16.swf 

http://imgfree.21cn.com/free/flash/17.swf 彩色金魚

http://imgfree.21cn.com/free/flash/18.swf

http://imgfree.21cn.com/free/flash/19.swf

http://imgfree.21cn.com/free/flash/20.swf

http://imgfree.21cn.com/free/flash/21.swf 螺旋轉星

http://imgfree.21cn.com/free/flash/22.swf 超大水波漾開

http://imgfree.21cn.com/free/flash/23.swf 大大花紋雪花 飄

http://imgfree.21cn.com/free/flash/24.swf

http://imgfree.21cn.com/free/flash/25.swf 螞蟻

http://imgfree.21cn.com/free/flash/26.swf 

http://imgfree.21cn.com/free/flash/27.swf  貼在表面上水珠 滑

http://imgfree.21cn.com/free/flash/28.swf

http://imgfree.21cn.com/free/flash/29.swf

http://imgfree.21cn.com/free/flash/30.swf

http://imgfree.21cn.com/free/flash/31.swf 小小快速落下的白葉 像飄雪 速度快

http://imgfree.21cn.com/free/flash/32.swf

http://imgfree.21cn.com/free/flash/33.swf 紫花 像蘭花

http://imgfree.21cn.com/free/flash/34.swf 

http://imgfree.21cn.com/free/flash/35.swf 炫目到爆眼的轉轉星光

http://imgfree.21cn.com/free/flash/36.swf 粉紅唇

http://imgfree.21cn.com/free/flash/37.swf

http://imgfree.21cn.com/free/flash/38.swf

http://imgfree.21cn.com/free/flash/39.swf 流星

http://imgfree.21cn.com/free/flash/40.swf

http://imgfree.21cn.com/free/flash/41.swf  白轉轉花 轉出後落下

http://imgfree.21cn.com/free/flash/42.swf  偏左上角 黃色蒲公英

http://imgfree.21cn.com/free/flash/43.swf 

http://imgfree.21cn.com/free/flash/44.swf

http://imgfree.21cn.com/free/flash/45.swf 大黃蝶

http://imgfree.21cn.com/free/flash/46.swf 

http://imgfree.21cn.com/free/flash/47.swf

http://imgfree.21cn.com/free/flash/48.swf

http://imgfree.21cn.com/free/flash/49.swf 淡粉紅斜飛葉

http://imgfree.21cn.com/free/flash/50.swf 綠色掛牌 sweet kiss day

http://imgfree.21cn.com/free/flash/51.swf 假假的蜻蜓

http://imgfree.21cn.com/free/flash/52.swf  美美橙色的楓葉  ****

http://imgfree.21cn.com/free/flash/53.swf

http://imgfree.21cn.com/free/flash/54.swf  垂直掉下綠色的I love you

http://imgfree.21cn.com/free/flash/55.swf 卡通的青蛙跳 可愛

http://imgfree.21cn.com/free/flash/56.swf 

http://imgfree.21cn.com/free/flash/57.swf 藍色泡泡和熱帶魚

http://imgfree.21cn.com/free/flash/58.swf

http://imgfree.21cn.com/free/flash/59.swf 候鳥飛  *****

http://imgfree.21cn.com/free/flash/60.swf 小白碎碎急落

http://imgfree.21cn.com/free/flash/61.swf 粉紅心上升

http://imgfree.21cn.com/free/flash/62.swf 五彩煙火 #####

http://imgfree.21cn.com/free/flash/63.swf 黃色花灑

http://imgfree.21cn.com/free/flash/64.swf藍色雪花集中灑

http://imgfree.21cn.com/free/flash/65.swf 藍小泡泡落下

http://imgfree.21cn.com/free/flash/66.swf 54321倒數大手指

http://imgfree.21cn.com/free/flash/67.swf 星球炸開磒石

http://imgfree.21cn.com/free/flash/68.swf 小一點的雪花瓣落下

http://imgfree.21cn.com/free/flash/69.swf

http://imgfree.21cn.com/free/flash/70.swf  單點展開的五彩光束

http://imgfree.21cn.com/free/flash/71.swf 舊電影

http://imgfree.21cn.com/free/flash/72.swf

http://imgfree.21cn.com/free/flash/73.swf 藍泡泡 上升

http://imgfree.21cn.com/free/flash/74.swf 藍球球上

http://imgfree.21cn.com/free/flash/75.swf 隨滑老鼠移動的彩色光暈

http://imgfree.21cn.com/free/flash/76.swf 

http://imgfree.21cn.com/free/flash/77.swf

http://imgfree.21cn.com/free/flash/78.swf  小圓盤自轉數字時間 自動對時 有時分秒

http://imgfree.21cn.com/free/flash/79.swf

http://imgfree.21cn.com/free/flash/80.swf

http://imgfree.21cn.com/free/flash/81.swf

http://imgfree.21cn.com/free/flash/82.swf

http://imgfree.21cn.com/free/flash/83.swf  透明藍泡泡

http://imgfree.21cn.com/free/flash/84.swf 

http://imgfree.21cn.com/free/flash/85.swf 翻跟斗的長方型

http://imgfree.21cn.com/free/flash/86.swf 

http://imgfree.21cn.com/free/flash/87.swf 隨滑鼠爆點的黃圈圈

http://imgfree.21cn.com/free/flash/88.swf 美一點的火花

http://imgfree.21cn.com/free/flash/89.swf

http://imgfree.21cn.com/free/flash/90.swf

http://imgfree.21cn.com/free/flash/91.swf

http://imgfree.21cn.com/free/flash/92.swf 彩色細線水波動

http://imgfree.21cn.com/free/flash/93.swf 閃電似

http://imgfree.21cn.com/free/flash/94.swf

http://imgfree.21cn.com/free/flash/95.swf

http://imgfree.21cn.com/free/flash/96.swf 

http://imgfree.21cn.com/free/flash/97.swf 隨mouse滑動的紫蝶 不好看

http://imgfree.21cn.com/free/flash/98.swf

http://imgfree.21cn.com/free/flash/99.swf

http://imgfree.21cn.com/free/flash/100.swf

http://imgfree.21cn.com/free/flash/101.swf

http://imgfree.21cn.com/free/flash/102.swf

http://imgfree.21cn.com/free/flash/103.swf 一點水滴落 成漣渏

http://imgfree.21cn.com/free/flash/104.swf 

http://imgfree.21cn.com/free/flash/105.swf 圖轉轉的

http://imgfree.21cn.com/free/flash/106.swf  上升箭頭 及閃閃光

http://imgfree.21cn.com/free/flash/107.swf 黃卡通大眼蝶

http://imgfree.21cn.com/free/flash/108.swf

http://imgfree.21cn.com/free/flash/109.swf 由左進入加圓圈的箭頭

http://imgfree.21cn.com/free/flash/110.swf 粉紅由右向左指的箭頭

http://imgfree.21cn.com/free/flash/111.swf 雙向互動箭頭

http://imgfree.21cn.com/free/flash/112.swf

http://imgfree.21cn.com/free/flash/113.swf  粉紅左斜飄進的葉子

http://imgfree.21cn.com/free/flash/114.swf

http://imgfree.21cn.com/free/flash/115.swf

http://imgfree.21cn.com/free/flash/116.swf 

http://imgfree.21cn.com/free/flash/117.swf  波浪星光

http://imgfree.21cn.com/free/flash/118.swf

http://imgfree.21cn.com/free/flash/119.swf

http://imgfree.21cn.com/free/flash/120.swf

http://imgfree.21cn.com/free/flash/121.swf

http://imgfree.21cn.com/free/flash/122.swf

http://imgfree.21cn.com/free/flash/123.swf 藍泡泡上升 爆破

http://imgfree.21cn.com/free/flash/124.swf 像相機鏡頭開合

http://imgfree.21cn.com/free/flash/125.swf  大圓漣漪

http://imgfree.21cn.com/free/flash/126.swf 

http://imgfree.21cn.com/free/flash/127.swf  互碰箭頭

http://imgfree.21cn.com/free/flash/128.swf  小人影

http://imgfree.21cn.com/free/flash/129.swf  急雨絲落成漣漪  太急

http://imgfree.21cn.com/free/flash/130.swf 白花右斜飄 隨mouse拖曳

http://imgfree.21cn.com/free/flash/131.swf  淡綠楓葉飄

http://imgfree.21cn.com/free/flash/132.swf 原子幾何圖

http://imgfree.21cn.com/free/flash/133.swf 單顆流亂闖

http://imgfree.21cn.com/free/flash/134.swf 橘球彈跳

http://imgfree.21cn.com/free/flash/135.swf 電光流

http://imgfree.21cn.com/free/flash/136.swf 

http://imgfree.21cn.com/free/flash/137.swf 橫霧流

http://imgfree.21cn.com/free/flash/138.swf 螢火蟲光點


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

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=eg0501&aid=2862508
 引用者清單(2)  
2009/05/28 21:19 【程如晞@部落格好好玩】 打通部落格的任督二脈》如何美化首頁看板教學
2009/04/29 07:11 【【 泡〃麵 】作品分享小站】 山頭區動起來。感謝EG大大分享

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


等級:
留言加入好友
妳好
2011/03/08 23:09

要引用你的文章

來整理一篇完整的文章

謝謝你的分享




等級:
留言加入好友
對不起,再次麻煩妳......
2011/02/07 09:40

1.我用以下語法想改山頭圖(在管理中心的 首頁管理 處貼上語法的)

<img style="LEFT: 85px; POSITION: absolute; TOP: 220px" height="200" src="http://album.udn.com/community/img/PSN_PHOTO/good1234/f_5926360_1.JPG" width="400" align="center" wmode="transparent" />

(先隨便設一下大小及位置)

但結果仍一樣, 也是會蓋掉那些按鈕文字 ?

2.若不管山頭圖, 直接貼上套用您文章中的flash動畫語法, 如文章前面的語法:

<Embed style="LEFT: 0px; WIDTH: 770px;HEIGHT: 450px;TOP: 0px;POSITION: absolute" align=right src=http://img166.imageshack.us/img166/3572/90996087tb5.swf type=application/octet-stream;quality="high" wmode="transparent">

但一直都沒有任何動作, 我要如何做才好呢 ?

不好意思吔 !



等級:
留言加入好友
您好, 可不請教您問題 ?
2011/02/03 22:10

我要如何放山頭圖呢?

我放了一張圖片,結果,把那些 "首頁" , "文章創作"..........的超連結的字都蓋掉了 !

還有, 若要在山頭圖加上美美的動畫, 圖片網址就直接引用您所提供的如晞老師flash動畫的網址嗎?

謝謝 !

─=☆EG☆=─(eg0501) 於 2011-02-05 00:42 回覆:

<Embed style=" WIDTH: 770px;HEIGHT: 450px;TOP: 0px;LEFT: 0px;POSITION: absolute" align=right src=網址 type=application/octet-stream;quality="high" wmode="transparent">

你可以更改圖的位置(TOP: 0px;LEFT: 0px)

可以直接拿去用囉!呵呵


Show
等級:8
留言加入好友
感謝 !
2011/01/30 13:00

謝謝分享 !

真的受益良多啊 !

─=☆EG☆=─(eg0501) 於 2011-02-05 00:36 回覆:

對你有幫助是我的榮幸唷!


莉禎
等級:5
留言加入好友
又不會了
2009/12/29 09:50
親愛的~動畫出現了(有的)但原本的山頭被擋住了,有時候是山頭全空白,原來的被擋了!好困擾ㄚ~我又哪裡錯哩= =
─=☆EG☆=─(eg0501) 於 2010-01-07 22:23 回覆:

有些失連囉!



等級:
留言加入好友
山頭圖阿.....
2009/08/30 20:38

謝謝你的分享阿!

可惜.........

我沒有像你一樣有美美的,

又剛剛好可以當山頭圖的圖片.......Q口Q

最近努力找圖中.........

找好了之後就按照妳"寶貴的"意見去做啦~XD

─=☆EG☆=─(eg0501) 於 2009-08-30 22:32 回覆:

呵呵~加油囉!!

─=☆EG☆=─(eg0501) 於 2009-08-30 22:33 回覆:

你可以自己畫呀!

這樣最有自己的風格了!


桔子
等級:5
留言加入好友
@ˇ@
2009/06/04 02:15

哇!我終於懂你的意思惹

原來只要貼在首頁看板就可以哩

我還想說是不是要動模板才可以勒 囧"

真是太感謝你惹︿︿

(p.sEG聲音真好聽捏ˊˇˋ)


─=☆EG☆=─(eg0501) 於 2009-06-07 23:05 回覆:

嗯嗯!

呵呵你看得懂就好哩!!

不客氣唷!

謝謝桔子的讚美唷!


桔子
等級:5
留言加入好友
2009/06/03 01:32

請問要讓山頭有動畫的語法要貼哪呢@@?

模板那裏@@?


─=☆EG☆=─(eg0501) 於 2009-06-03 22:26 回覆:

【首頁】將語法貼入下圖所示的地方

【文章】將語法貼入下圖所示的地方


馬蹄
等級:8
留言加入好友
*_*
2009/05/29 15:02

玩了一會..不錯..謝謝提供..


─=☆EG☆=─(eg0501) 於 2009-05-31 20:29 回覆:

不客氣唷!

慢慢玩



等級:
留言加入好友
請問.....
2009/05/18 18:29

下載下來的動畫(SWF),如何加到自己的照片/圖片裡面呢?!

用Flash 8?!....

我試過不行耶....

─=☆EG☆=─(eg0501) 於 2009-05-19 21:54 回覆:

您說的那個語法~

近期內我會做一下教學的!

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