API tools faq
paste
Advertisement
b0rn-to-be-wild

Music player tab instalation (custom)

b0rn-to-be-wild
Mar 30th, 2017
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.15 KB | None | 0 0
raw download clone embed print report
  1. /* MUSIC PLAYER TAB by borntobewildcodes (custom). Feel free to change its margins, borders, colors, fonts and other values */
  2.  
  3. /*-- CSS (paste under <style type="text/css">) --*/
  4.  
  5. /* Music player box */
  6.  
  7. #music{
  8. position:fixed;
  9. margin-top:0px;
  10. margin-left:10px;
  11. width:130px;
  12. height:30px;
  13. overflow:hidden;
  14. }
  15.  
  16. #music:hover{
  17. height:110px;
  18. }
  19.  
  20. /* Music player icon box */
  21.  
  22. .musicplayericon{
  23. position:absolute;
  24. margin-top:0px;
  25. margin-left:0px;
  26. background:#88D2F4;
  27. width:30px;
  28. height:20px;
  29. border:1px solid #eee;
  30. border-top-left-radius:10px;
  31. padding-top:10px;
  32. z-index:100;
  33. }
  34.  
  35. /* Music player box */
  36.  
  37. .musicplayer{
  38. position:absolute;
  39. margin-top:0px;
  40. margin-left:10px;
  41. background:#E3D6EA;
  42. width:120px;
  43. height:20px;
  44. border:1px solid #eee;
  45. border-top-right-radius:10px;
  46. padding-top:10px;
  47. overflow:hidden;
  48. z-index:10;
  49. }
  50.  
  51. /* Playlist box */
  52.  
  53. .playlist{
  54. position:absolute;
  55. margin-top:32px;
  56. margin-left:0px;
  57. color:#88D2F4;
  58. background:#F8FBC4;
  59. width:120px;
  60. height:auto;
  61. border-left:1px solid #eee;
  62. border-right:1px solid #eee;
  63. border-bottom:1px solid #eee;
  64. font-size:9px;
  65. font-family:Century gothic;
  66. text-align:left;
  67. padding:5px;
  68. overflow:hidden;
  69. z-index:10;
  70. }
  71.  
  72.  
  73. <!-- HTML (paste under <body>) -->
  74.  
  75. <!-- Music player tab starts -->
  76. <div id="music">
  77.  
  78. <!-- Your can change the music player icon here -->
  79. <div class="musicplayericon"><img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif"></div>
  80.  
  81. <div class="musicplayer">
  82. <!-- Your music player code goes here -->
  83. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://www.sheepproductions.com/mfc/done.mp3&t0=Done&f1=http://www.sheepproductions.com/mfc/justified.mp3&t1=Justified&f2=http://www.sheepproductions.com/mfc/shesaid.mp3&t2=She Said&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  84. </div>
  85. <!--End musicplayer-->
  86.  
  87. <div class="playlist">
  88. <!-- Track titles go here -->
  89.  
  90. 1. Done <br>
  91.  
  92. 2. Justified <br>
  93.  
  94. 3. She said <br>
  95.  
  96. 4. Title here <br>
  97.  
  98. 5. Title here <br>
  99.  
  100. </div>
  101. <!--End playlist-->
  102.  
  103. </div>
  104. <!-- Music player tab ends -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!