素材應用03-在swf動畫圖上+文字+透空gif圖或swf透明圖語法

2009042506:45

 

那醉美沉柔的月,照亮心中的烏業,有段迷離的非化,因柔月,而造就了溫恬的人生。
玄音祝福好友們
平安快樂
天天開心


素材應用03-swf動畫圖上+文字+透空gif圖或swf透明圖語法

貼版語法

單一文字框應用語法

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://blog.roodo.com/happy_ok/303e4827.swf width=457 height=309 type=application/x-shockwave-flash allowscriptaccess="never" wmode="transparent"></embed> 
<tbody>
<tr>
<td>
<div style="LEFT: 320px; WIDTH: 160px; POSITION: absolute; TOP: 245px; HEIGHT: 150px">
<p style="LINE-HEIGHT: 150%" align=center><font color=#ffffff size=3>
那醉美沉柔的月,照亮心中的烏業,有段迷離的非化,因柔月,而造就了溫恬的人生。<br><br>玄音祝福好友們<br>平安快樂<br>天天開心</font></p>
</div>
<div></div></td></tr></tbody></table></div>

實例展示:

這語法是以swf為底圖,而套入的文字框會因為全文內容的長度而改變,若要連貼三個實例展示,則文字框會全部跑掉,因此只貼最後的多框應用實例,讓大家參考。


swf+文字+gif動圖

<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://blog.roodo.com/happy_ok/303e4827.swf width=457 height=309 type=application/x-shockwave-flash wmode="transparent" allowscriptaccess="never"></embed> 
<tbody>
<tr>
<td>
<div style="LEFT: 150px; WIDTH: 300px; POSITION: absolute; TOP: 230px; HEIGHT: 200px"><img height=200 src="http://i318.photobucket.com/albums/mm426/2008ok/story/0730/1b658701.gif" width=300 /></div>
<div style="LEFT: 320px; WIDTH: 160px; POSITION: absolute; TOP: 245px; HEIGHT: 150px">
<p style="LINE-HEIGHT: 150%" align=center><font color=#ffffff size=3>
那醉美沉柔的月,照亮心中的烏業,有段迷離的非化,因柔月,而造就了溫恬的人生。<br><br>玄音祝福好友們<br>平安快樂<br>天天開心</font></p>
</div>
<div></div></td></tr></tbody></table></div>

實例展示:

這語法是以swf為底圖,而套入的文字框會因為全文內容的長度而改變,若要連貼三個實例展示,則文字框會全部跑掉,因此只貼最後的多框應用實例,讓大家參考。


多個文字框應用語法

swf+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://blog.roodo.com/happy_ok/303e4827.swf width=457 height=309 type=application/x-shockwave-flash wmode="transparent" allowscriptaccess="never"></embed> 
<tbody>
<tr>
<td>
<div style="LEFT: 100px; POSITION: absolute; TOP: 150px"><embed src=http://blog.roodo.com/kisc0919/7ebc87b9.swf width=500 height=250 type=application/x-shockwave-flash wmode="transparent" allowscriptaccess=
"never"></embed></div>
<div style="LEFT: 320px; WIDTH: 160px; POSITION: absolute; TOP: 245px; HEIGHT: 150px">
<p style="LINE-HEIGHT: 150%" align=center><font color=#ffffff size=3>
那醉美沉柔的月,照亮心中的烏業,有段迷離的非化,因柔月,而造就了溫恬的人生。<br><br>玄音祝福好友們<br>平安快樂<br>天天開心</font></p>
</div>

<EMBED src=http://vlog.xuite.net/vlog/swf/lite.swf?media=MTIyNTA1Nw&amp;ar=1&amp;as=1 width=1 height=1 type=application/x-shockwave-flash allowScriptAccess="none"></embed>

<div></div></td></tr></tbody></table></div>

實例展示:

貼在最上方↑


語法說明:

<div align=center>(圖片置中;left=; right=)
<table style="WIDTH: 0px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 0px" cellSpacing=0 cellPadding=0 border=0><embed src=http://blog.roodo.com/happy_ok/303e4827.swf(swf
圖網址) width=457(swf圖寬)  height=309(swf圖寬) type=application/x-shockwave-flash wmode="transparent" allowscriptaccess="never"></embed> 
<tbody>
<tr>
<td>
<div style="LEFT: 100px(
圖離文字框向右多少px); POSITION: absolute; TOP: 150px(圖離文字框頂多少px)"><embed src=http://blog.roodo.com/kisc0919/7ebc87b9.swf(swf網址)  width=500(swf圖寬) height=250(swf圖高) type=application/x-shockwave-flash wmode="transparent" allowscriptaccess="never"></embed></div>
<div style="LEFT: 320px(
文字離文字框向右多少px); WIDTH: 160px(文字框寬度); POSITION: absolute; TOP: 245px(文字離文字框頂多少px); HEIGHT: 150px(文字框高度)">
<p style="LINE-HEIGHT: 150%(
文字行距)" align=center(文字置中)><font color=#ffffff(字色) size=3(字大小)>那醉美沉柔的月,照亮心中的烏業,有段迷離的非化,因柔月,而造就了溫恬的人生。<br><br>玄音祝福好友們<br>平安快樂<br>天天開心(內文)</font></p>

ps:文字框大小位置是以輸入的文字為主,所以要有耐心測試喔^^


<EMBED src=http://vlog.xuite.net/vlog/swf/lite.swf?media=
貼入xuite音樂代碼&amp;ar=1&amp;as=1 width=1 height=1 type=application/x-shockwave-flash allowScriptAccess="none"></embed>


作法

複製上列各應用語法貼入文章發表語法區(將文章發表下方的 觀看HTML原始碼打勾,顯示的視窗就是文章語法區)

更改成您想要的圖或文字,還可以在語法最後面套入音樂語法喔^^

<EMBED src=http://vlog.xuite.net/vlog/swf/lite.swf?media=貼入xuite音樂代碼&amp;ar=1&amp;as=1 width=1 height=1 type=application/x-shockwave-flash allowScriptAccess="none"></embed>

都好之後,將文章設成隱藏,點立即發表,看看文字是否有在圖片的適當位置,若是沒有就調一下文字框的位置及寬高尺寸,一直到文字出現在圖片適當位置了,就可以發表了。

ps:這裡點預覽時,文字位置很適當,但按了立即發表後,文字位置又跑掉了,所以測試時,請按立即發表,請先把文章設成隱藏,再來測試,等完成後,再將文章隱藏改成公開文章,或者重新再發篇新文。 


好了,以上就是素材應用篇02,這下收集的素材就可以好好應用了。

祝大家玩的愉快

玄音合十/2008.08.04