【部落格素材教學法】素材應用03／貼版語法＠☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-09-21 16:39:43 | 人氣66| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】素材應用03／貼版語法

推薦 0 收藏 0 轉貼0 訂閱站台

語法全部貼↓

素材應用03-在swf動畫圖上+ 文字+透空gif圖或swf透明圖語法 全文語法，只要複製下列全部語法

然後將文章發表區下方 口觀看HTML原始碼 前的小方格打勾，

再將全部語法貼入，直接按立即發表就OK囉^^~！謝謝~

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

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

貼版語法

單一文字框應用語法↓

swf圖+文字

實例展示：

這語法是以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圖+文字

<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&ar=1&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：文字框大小位置是以輸入的文字為主，所以要有耐心測試喔^^

作法：

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

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

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

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

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

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

祝大家玩的愉快

玄音合十／2008.08.04