怎樣將 swf + gif +文字組合

2009062423:49

 

 

不變的是

不變的是,你笑的眼睛,有喜悅的線條
不變的是,你吹亂的髮,像在想念我

不變的是,你沉默嘴角,有千言萬語
不變的是,你的陪伴,那種孤單時可以靠得溫暖

而如今在不變的承諾中,有了輕輕柔柔的變動
而如今在不變的承諾中,變了的心外表不變的愛情

於是不變的是,我的傷心
於是不變的是,我永遠假裝不知情

 

在swf動畫加上文字之後,有時候會覺得,想再加點什麼來表達的意境。
我們可以找相同情境的小動畫,讓景色更宜人。

範例中,我在上面加了一群海鳥,是不是覺得更幽遠寞落了....
範例中,我在右下加了一個紅傘小女孩,是不是有點不搭調....
    (雖然情境相同,但是雨的方向和雨勢不同)

所以呢,加上動畫時,要注意情境和顏色的搭配...


<div align=center>
<table style="WIDTH: 0px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 0px" cellSpacing=0 cellPadding=0 border=0><embed src=scr網址 width=640 height=460 type=application/x-shockwave-flash wmode="transparent" allowscriptaccess="never"></embed>
<tbody><tr>
<td>
<div style="LEFT: 510px; WIDTH: 90px; POSITION: absolute; TOP: 315px; HEIGHT: 199px">
<img height=199 src="gif網址" width=90 /></div>
<div style="LEFT: 50px; width: 620px; POSITION: absolute; TOP: 175px; height: 150px">
<font face=標楷體 color=#40a0ff size=5>文字內容放在這裡<br>換下一行</font></p>
</div><div></div></td></tr></tbody></table></div>

 

請將這個語法,貼到觀看HTML 原始碼(或是先貼到記事本修改,然後貼過來)

然後,
加上swf動畫的網址,設定swf動畫所要呈現的高度和寬度

加上GIF動畫的網址,設定GIF動畫離框向右多少px,
設定GIF動畫所要呈現的高度和寬度,設定GIF動畫離框頂的距離

設定文字離文字框向右多少px,設定文字框所要呈現的寬度
設定文字離文字框頂的距離,設定文字框的高度,設定文字的字體,顏色,大小

加入文字後,先用隱藏發表,
看看文字的位置,調整文字放在最適合的位置。

滿意之後,配上音樂,加入自己喜歡的音樂語法在下方。(不加音樂就省略)
立即發表。(醬就行囉...)

想要加幾張動畫,黃色那個部分的語法,就要貼幾次喔....
不知道怎樣修改和設定的人,請參考怎樣在 swf 動畫加上文字


這是這篇範例的語法,提供參考

<div align=center>
<table style="WIDTH: 0px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 0px" cellSpacing=0 cellPadding=0 border=0><embed src=http://img375.imageshack.us/img375/8128/t181.swf width=640 height=460 type=application/x-shockwave-flash wmode="transparent" allowscriptaccess="never"></embed>
<tbody>
<tr>
<td>
<div style="LEFT: 510px; WIDTH: 90px; POSITION: absolute; TOP: 315px; HEIGHT: 199px">
<img height=199 src="http://img194.imageshack.us/img194/6382/96106.gif" width=90 /></div>
<div style="LEFT: 280px; WIDTH: 90px; POSITION: absolute; TOP: 115px; HEIGHT: 199px">
<img height=80 src="http://img194.imageshack.us/img194/3246/96107.gif" width=128 /></div>
<div style="LEFT: 50px; WIDTH: 620px; POSITION: absolute; TOP: 155px; HEIGHT: 150px">
<p><font face=標楷體 color=#ffffff size=4>

不變的是<br><br>

不變的是,你笑的眼睛,有喜悅的線條<br>
不變的是,你吹亂的髮,像在想念我<br><br>

不變的是,你沉默嘴角,有千言萬語<br>
不變的是,你的陪伴,那種孤單時可以靠得溫暖<br><br>

而如今在不變的承諾中,有了輕輕柔柔的變動<br>

而如今在不變的承諾中,變了的心外表不變的愛情<br><br>

於是不變的是,我的傷心<br>
於是不變的是,我永遠假裝不知情
</font></p></div></td></tr></tbody></table></div>

 

 

讓您的巧思,在部落格玩的更生動有趣吧....
快點試試一起來玩吧....