♫ みんのブログ ♫

加入底圖套上透明Flash再加文字特效語法範例↓

Flash動畫網頁製作方法:

※ 雅虎香港個人網頁及奇摩個網的網頁文字編輯作法都是一樣的。(如何申請雅虎香港網頁空間)

※ 加入底圖套上透明Flash動畫特效語法，一樣要在個人網頁文字編輯器中編輯。

　或是直接在 Microsoft FrontPage 網頁程式裡面製作好網頁後，再上傳。

點連結文字可以看圖片指示

步驟一： 請打開個人網頁文字編輯器 → 然後點入檔案總管↓

步驟二： 然後再按『開啟檔案總管』

步驟三： 點新檔案進入編輯網頁

步驟四： 點新檔案進入編輯網頁 將語法貼在

步驟五： 取得網頁網址

步驟六： 複製網址

步驟七：發表文章

將複製的網址貼上，套入 embed 語法中，然後再複製整段語法↓

<embed src="http://home.kimo.com.tw/qwe36900/000/fff3.html" width="500" height="750"></embed>

點入奇摩部落格發表文章語法區 ←就是觀看HTML語法前的小方格打勾，再把語法貼入，

然後按立即發表，如此Flash動畫特效文章就完成了。

各段語法說明↓　↑上列語法中，只要修改紅色文字部份就可以了。

1. 邊框設定及加入背景底圖

<center><table borderColor="#FF8040" height="491" cellSpacing="0" cellPadding="0" width="450" border="4" background=http://xxx.jpg><tbody><tr><td>

↑語法說明↓邊框設定意指，在圖片四周加上邊框。

borderColor="#FF8040"　←邊框顏色設定 (色碼表)

height="491"　←圖片高度(這裡的高度是指底圖的高)

width="450" 　←圖片寬度(這裡的寬度是指底圖的寬)

border="4"　←設定邊框線條粗細

background=http://xxx.jpg　←背景底圖網址

※ 若是不想加入邊框，只要把border="4"，語法的數字4，改為0 邊框就沒有了。

2. 套入透明Flash動畫網址

<embed src="http://xxx.swf" width="450" height="480" type="application/x-shockwave-flash" wmode="transparent">

↑語法說明↓

embed src="http://xxx.swf" 　←套入知道的透明動畫網址

width="450"  　←透明動畫的寬度就跟背景底圖尺寸一樣。

height="480"　←透明動畫的高度設定要比背景底圖小一點點。

※ ↓在文章下方有一堆透明Flash動畫網址分享，可以點點找找自己想套用的透明Flash動畫圖。

透明flash素分享

3. 輸入文章詩詞語句

<img src= width=0 height=0 onerror="setInterval('font.style.color=Math.random()*255*255*255',500)"><font id="font"><font size="4"><font face="標楷體" style="line-height: 150%">寂人夜，夜人籬，<br>翩翩飛雪無人語。<br>
凍長波，心長碎，<br>花露盡露籬下愁。<br>
荒山嶺，寄語離，<br>待情濃綢無淡雨。<br>
才知花，飛飄語，<br>原來從來不曾離。<br><br>
千年唐姬，許久的等待，<br>終是執心。<br>
願飛絮來回，不曾迷失，<br>自在行樂。<br><br></font>

↑語法說明↓因為文字特效的文字，無法自動斷行，所以要自行加入<br>，來命令文句斷行。

<font size="4">　←設定文字大小

<font face="標楷體" style="line-height: 150%">　←設定字型。150%←設定文字行距間隔。

寂人夜，夜人籬，<br>翩翩飛雪無人語。<br>
凍長波，心長碎，<br>花露盡露籬下愁。<br>
荒山嶺，寄語離，<br>待情濃綢無淡雨。<br>
才知花，飛飄語，<br>原來從來不曾離。<br><br>
千年唐姬，許久的等待，<br>終是執心。<br>
願飛絮來回，不曾迷失，<br>自在行樂。<br><br>　←輸入的文字必需用<br>來命令斷行。

文字特效語法分享

4. 文句位置調整(文句輸入完，再來調整文字位置)

<div style="left: -750px; position: relative; top: -550px"><div id=layer1 style="z-index: -1; left: 900px; width: 400px; position: absolute; top: 120px; height: 400px"><pre>
<center><font style="font-size: 10pt" face=新細明體 color=#F0B478><span id=style style="line-height: 15px"></pre>

↑語法說明↓以文字多寡來設定文字區塊範圍。

left: 900px　← 設定文字靠右邊。數字越多越往右邊移

width: 400px　← 設定文字區塊寬度

top: 120px　←設定文字往上邊線靠。數字越大越下降。

height: 400px　← 設定文字區塊高度

※ 在編輯器裡調整文字位置時，數字調整後，可以馬上按預覽測試觀看，直到文字調到滿意的位置。

6. 加入音樂歌曲語法↓ 有三種格式語法提供使用。

(若不想加入音樂，↓這段語法就可以刪除。)

※ 1. 加入embed語法的.wma音樂↓

<embed src="http://XXX..wma" width="1" height="1" autostart="true" loop="0">

注意：↑這個語法一定要是 http://XXX.wma 的音樂。

※ 2. 加入embed語法的.mp3音樂↓

<embed src="http://XXX.mp3" width="1" height="1" type="audio/mpeg" loop="0" autostart="true">

注意：↑這個語法一定要是 http://XXX.mp3 的音樂。

※ 3. 加入embed語法的.mid音樂↓

<embed src="http://XXX.mid" width="1" height="1" type="audio/midi">

注意：↑這個語法一定要是 http://XXX.mid 的音樂。

透明flash動畫素材分享↓