close
















"center">"FILTER:Alpha(opacity=50,style=2)" src="播放清單音樂網址" width=播放器寬 height=播放器高 autostart=true Volume=0 loop=true EnableContextMenu=false>







自製mid音樂盒簡易篇(一)~


加圖加動畫加音樂播放清單語法套用


 


前幾篇已經有發表過如何製作播放清單音樂盒,但是在套用上,還不是很清楚。


這篇是自製mid音樂盒簡易篇,只要把圖片、小動畫、播放清單音樂套在語法中,就可以作成個人風音樂盒。


而且所需的素材,不管是圖片或小動圖或是mid音樂,都找好了唷!(除了音樂要上傳外)其他都是網路空間的。


所以 只要選個自己喜歡的圖,把網址貼進語法中,就可以直接套用了。





 















"主題圖寬" height="主題圖高" align="center">



"center">






mid音樂盒() 框架式-加圖加動畫加音樂播放清單語法







作法:


1.請先作好音樂播放清單,或找好音樂網址。


2. 把要放入音樂盒所需的主題圖及小動畫圖片準備好。


3. 把音樂及圖片套到音樂盒語法中。



a. 先複製下列語法,貼到文字編輯器


b. 語法要貼在之間。


c. 修改語法中所有中文字說明,之後存檔取得網頁網址。


d. 網頁網址套上embed語法,就完成了。


width="網頁寬" height="網頁高">



語法貼到自訂欄位時,網頁尺寸要自行測試,直到沒有捲軸出現。


  不過寬度可以確定是125,若是主題圖片是100的話,寬度125絕對可以。







音樂盒語法範例










background="背景圖片">


"0" background="
主題背景圖片" width="圖寬" height="圖高">




"0" width="
圖寬" background="透明小動畫圖片" height="圖高">




"171" align="center" height="130" valign="bottom">


語法說明: 請依照顏色,參考各參數語法說明使用



background="背景圖網址" 也可以改成背景底色,只要將背景圖片改成 "#008000" (色碼表)


若不加背景,只要將  background="背景圖網址" 這句參數,刪除就可以了。殺姐背圖分享







"0"
 設定主題背景圖的邊框粗細。 "0"  是指圖片無邊框。


background="主題圖片"  就是音樂盒的外觀圖樣。圖片格式 (jpg gif) 殺姐圖庫分享



若是想把音樂盒放在自訂欄位,那麼主題圖片寬度,就不要超過100!
  這樣音樂盒放到自訂欄位時,才不會有捲軸出現。


收集的圖片,不一定都剛好寬度100!所以要先將圖片修改好。



width="圖寬" height="圖高"> 主題圖的寬高尺寸。






"主題圖框架寬" height="主題圖框架高" align="center"> 主題圖框架。








"0" 小動畫邊框設定,"0" 就是無邊框。


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">小動畫框架





"播放清單音樂網址"  可放多首播放清單,也可放單曲音樂。如何製作播放清單

        播放格式類型→( mp3wmawmvasfasxmpgavimid )


    阿盛網站 《音樂區》


    ※ 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 ,主題圖片,透空小動畫一一套進語法中。





如下↓(有顏色的文字,表示修改的地方)


































>













=27 autostart=true Volume=0 loop=true EnableContextMenu=false>






 


6. 圖片音樂網址都套好後,先按預覽看看,看音樂是否有播放,圖片尺寸有否調整好,小動畫會不會太大,播放器透明度是否還看得到或太清楚等等,都調整OK,覺得滿意了,就可以按存檔。


7. 存檔


8. 找到存檔後的網頁檔案網址http://home.kimo.com.tw/zxcvbnm000qwe/cloud.htm


9. 把得到的網頁網址套到下列 embed 語法中









height="135">



注意:這裡的網頁寬度設定,如果主題圖有照教學所說是100寬,那麼網頁寬度就確定是125


而高度,就看主題圖高度多少,再加上1520之間,來做測試,直到沒有捲軸出現。


10. 語法套好後,就可以把這段語法,貼到部落格自訂欄位了。


11. 成果展示



 

 

 




 
















"center">"FILTER:Alpha(opacity=30,style=2)" src="http://zzcloud.googlepages.com/xx.wpl" width=66 height=27 autostart=true Volume=0 loop=true EnableContextMenu=false>







音樂盒語法展示




可以複製各音樂盒語法範例,把語法中的圖片,換上自己喜歡的圖片或小動畫圖,


圖片尺寸要記得更改,如此就又是一個不同的音樂盒了。


記住,若想把音樂盒放在自訂欄位,主題圖的寬度不要超過100,這樣才不會出現捲軸。


播放清單wpl 語法位置的音樂網址,也可以換成單曲音樂如:(mp3.wma.mid.asf...)

















"center">











555音樂盒







 



貼到奇摩部落格自訂欄位音樂盒語法






555音樂盒語法範例



"0">



"0" background="http://zzcloud.googlepages.com/m4.gif" width="100" height="84">




"84" width="100">
"0" width="82" background="http://zzcloud.googlepages.com/004.gif" height="77">




"bottom" height="77">
< font>>







11音樂盒
















貼到奇摩部落格自訂欄位音樂盒語法






11音樂盒語法範例


"0">



"0" background="http://zzcloud.googlepages.com/26-2.gif" width="100" height="119">












"100" height="115" align="center">



"center">





"0" width="90" background="http://zzcloud.googlepages.com/1601w.gif" height="102" cellspacing="0" cellpadding="0">








"90" align="center" height="102" valign="bottom">





"center">"FILTER:Alpha(opacity=50,style=2)" src="http://zzcloud.googlepages.com/midi1.wpl" width=57 height=21 autostart=true Volume=0 loop=true EnableContextMenu=false>






33音樂盒
















貼到奇摩部落格自訂欄位音樂盒語法






33音樂盒語法範例



"0">



"0" background="http://zzcloud.googlepages.com/35.gif" width="100" height="105">








"100" height=90" align="center">



















4pp音樂盒














貼到奇摩部落格自訂欄位音樂盒語法






4pp音樂盒語法範例



<body topmargin="5">

<table border="0" background="http://zzcloud.googlepages.com/pp2.gif" width="100" height="185">



width= "100" height="185" align="center">




















自製mid音樂盒簡易篇()~加時間日期音樂清單語法套用(已重編)


 






arrow
arrow
    全站熱搜