onefuckingmin

music player 3

Mar 16th, 2016
1,716
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.13 KB | None | 0 0
  1. /** copy this code and paste before </style> **/
  2.  
  3. #musicplayer {
  4. position: fixed;
  5. top: 20px;
  6. left: 20px;}
  7.  
  8. .mp {
  9. border: 1px solid #f5f5f5; /** change the border colour here **/
  10. background-color:#fff;
  11. padding-top:2px;
  12. padding-right:1px;
  13. position: fixed;
  14. width: 120px;
  15. height:60px;
  16. margin: 4px 5px 0px 0px;
  17. overflow: hidden;
  18. -webkit-border-radius:5px;
  19. -moz-border-radius:5px;
  20. border-radius:5px;
  21. -webkit-transition:all 0.6s ease-out;
  22. -moz-transition:all 0.6s ease-out;
  23. transition:all 0.6s ease-out;
  24. }
  25.  
  26. .image img {
  27. position:fixed;
  28. margin-top:30px;
  29. margin-left:3px;
  30. -webkit-border-radius:5px;
  31. -moz-border-radius:5px;
  32. border-radius:5px;
  33. width:35px;
  34. height:35px;
  35. }
  36.  
  37. .desk {
  38. position:fixed;
  39. margin-top:30px;
  40. margin-left:41px;
  41. text-align:left;
  42. text-transform:uppercase;
  43. font-family:calibri;
  44. font-size:8px;
  45. letter-spacing:2px;
  46. color:#ababab; /** change the text colour here **/
  47. font-weight:bold;
  48. width:80px;
  49. }
  50.  
  51. #musicplayer:hover .mp {
  52. border:1px solid #fe6299; /** change the border hover colour here **/
  53. -webkit-transition:all 0.6s ease-out;
  54. -moz-transition:all 0.6s ease-out;
  55. transition:all 0.6s ease-out;
  56. }
  57.  
  58. /** copy this code and paste after <body> **/
  59.  
  60. <div id="musicplayer">
  61.  
  62. <div class="mp">
  63. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="110" height="20">
  64.     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  65.     <param name="bgcolor" value="#ffffff" />
  66.     <param name="FlashVars" value="mp3=SONGURL1HERE%7CSONGURL2HERE%7CSONGURL3HERE%7CSONGURL4HERE%7CSONGURL5HERE&amp;width=110&amp;height=20&amp;showslider=0&amp;buttonwidth=30&amp;sliderwidth=25&amp;sliderheight=15&amp;loadingcolor=ffffff&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;slidercolor1=&amp;slidercolor2=&amp;sliderovercolor=&amp;buttoncolor=cccccc&amp;buttonovercolor=fe6299&amp;showlist=0" />
  67. </object>
  68. </div>
  69.  
  70. <div class="image">
  71. <img src="http://static.tumblr.com/819944d3b635588c988268938d0e8dda/nisjcjp/HFlnmj8rj/tumblr_static_717xvqihi40swg0c0oo8g8coc.png" />
  72. </div>
  73.  
  74. <div class="desk">
  75. <i>music for life</i>
  76. </div>
  77.  
  78. </div>
Add Comment
Please, Sign In to add comment