Secret Celtic RadiO

ตอนที่ 9 : 9 เพลงขึ้นไป

` The cat โค้ดแมวๆ ●

นำโค้ดไปใช้ อย่าลืม คอมเม้น ในตอนนี้เลย
และ อย่าลืม ติดเครดิต ร้านโค้ดแมวๆ ด้วยน้า
 

 

CODE

(โค้ดในกล่องนี้สำหรับให้กล่องเพลงอยู่ทางด้านซ้ายมือ)

<style type="text/css"> #box { width: 18px; height: 25px; position: fixed; margin-top: 5px; margin-left: 5px; overflow: hidden; %; } #player { width: 50px; margin-left: -20px; overflow: hidden; position: absolute; opacity: 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } #pix { margin-left: 4px; position:fixed; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } #box:hover #pix { opacity:0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } #box:hover #player { opacity:1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } #box2 { overflow:hidden; position:fixed; width:35px; height:35px; border-radius:90px; border:1px solid #f8b7b7; /*ใส่โค้ดสีกรอบวงกลม*/ background-color:#ffffff; top:45px; left:10px; } #box2 img { margin-top:10px; margin-left:-8px; position:fixed; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out;} #box2:hover img{ opacity:0; margin-top:30px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } #player2 { opacity: 0; overflow: hidden; margin-top: 12px; margin-left: -13px; width: 34px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } #box2:hover #player2 { opacity: 0.5; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }</style> <div id="box2" title="กดปุ่มฟังเพลง"> <center> <img src="http://i.imgur.com/cBIhwjX.gif" /></center> <div id="player2"> <embed align="middle" height="10" name="billy" quality="high" src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&amp;f0=http://k003.kiwi6.com/hotlink/csglyv85dm/3.mp3&t0=K L A O&total=1" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed></div> </div>


อธิบายส่วนประกอบ 
  

เสียงเพลงทำอย่างไรจ้ะ ? ให้เข้าไปดูที่ตอนที่ 49  สอนทำกล่องเพลง billy

ทริปเกร๋ ! ฟรีไอค่อนจิ๋วๆ สำหรับเครื่องเล่นดนตรีโดยเฉพาะเยอะแยะมากมาย คลิก

 

T H E M E
◈ B L & W H ◈