自製mid音樂盒簡易篇(一)~ 加圖加動畫加音樂播放清單語法套用
前幾篇已經有發表過如何製作播放清單音樂盒，但是在套用上，還不是很清楚。 這篇是自製mid音樂盒簡易篇，只要把圖片、小動畫、播放清單音樂套在語法中，就可以作成個人風音樂盒。 而且所需的素材，不管是圖片或小動圖或是mid音樂，都找好了唷！(除了音樂要上傳外)其他都是網路空間的。 所以 只要選個自己喜歡的圖，把網址貼進語法中，就可以直接套用了。
background="背景圖網址" ←也可以改成背景底色，只要將背景圖片改成 "#008000" (色碼表) ※ 若不加背景，只要將 background="背景圖網址" 這句參數，刪除就可以了。殺姐背圖分享 background="主題圖片" ← 就是音樂盒的外觀圖樣。圖片格式 (jpg gif) 。殺姐圖庫分享
width="圖寬" height="圖高"> ← 主題圖的寬高尺寸。 "主題圖框架寬" height="主題圖框架高" align="center"> ←主題圖框架。 background="透明小動畫圖片" ← 這裡要用透明圖片才不會擋到主題圖。請進→透明動畫圖庫 ※ 透明動畫圖庫裡的圖片已上傳.網址→ http://a33a.myweb.hinet.net/pmid/圖庫中的數字名稱.gif 如：011.gif ，圖片網址就是→ http://a33a.myweb.hinet.net/pmid/011.gif width="小動畫圖寬" height="小動畫圖高"> ← 尺寸可以任設，但是要比主題圖尺寸小一點。 "小動畫框架寬" align="center" height="小動畫框架高" valign="bottom">←小動畫框架 "播放清單音樂網址" ←可放多首播放清單，也可放單曲音樂。如何製作播放清單 ※ 播放格式類型→( mp3、wma、wmv、asf、asx、mpg、avi、mid ) ※ 阿盛網站 → 《音樂區》 ※ NG論壇MIDI專區網址→ http://www.173ng.com/lt/midi/ 只要註冊，就能下載音樂。 width=播放器寬 height=播放器高 ← 完整尺寸是寬300*，高要看加入的參數而定。 ※ 在這裡播放器尺寸要設定成比透明動畫圖的尺寸還小一些。 style="FILTER:Alpha(opacity=50,style=2)" ← 這是變色播放器效果語法，有多種變化。 autostart=true ←自動播放。false，則是手動播放。 Volume=0 ←音量100% loop=true ←循環播放 EnableContextMenu=false ←防右鍵 ※ 更多語法應用，請參考→ 播放器語法進階篇。
↑以上就是語法說明使用方法，下面就來看看範例作法↓ 實際操作↓ 1. 播放清單wpl → http://a33a.myweb.hinet.net/mid/cloud.wpl 2. 音樂盒圖片：主題圖片→ http://a33a.myweb.hinet.net/mid/a01-1.gif *尺寸:100*121 透空小動畫圖片→ http://a33a.myweb.hinet.net/mid/a01-1.gif *尺寸要設比主題圖小一些 3. 打開 文字編輯器 4. 將mid音樂盒語法貼入文字編輯視窗與之間， 5. 然後將播放清單wpl ，主題圖片，透空小動畫一一套進語法中。 如下↓(有顏色的文字，表示修改的地方)
6. 圖片音樂網址都套好後，先按預覽看看，看音樂是否有播放，圖片尺寸有否調整好，小動畫會不會太大，播放器透明度是否還看得到或太清楚等等，都調整ＯＫ，覺得滿意了，就可以按存檔。 7. 存檔 8. 找到存檔後的網頁檔案網址→ http://home.kimo.com.tw/zxcvbnm000qwe/cloud.htm 9. 把得到的網頁網址套到下列 embed 語法中
※ 注意：這裡的網頁寬度設定，如果主題圖有照教學所說是100寬，那麼網頁寬度就確定是125 而高度，就看主題圖高度多少，再加上15到20之間，來做測試，直到沒有捲軸出現。 10. 語法套好後，就可以把這段語法，貼到部落格自訂欄位了。 11. 成果展示
|
留言列表
