Advertisement
y2kcarrds

kokonai ju mp music player

Jul 18th, 2022
922
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.36 KB | None | 0 0
  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  2. <link href="//fonts.googleapis.com/css?family=Karla" rel="stylesheet">
  3.  
  4. <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  5.  
  6. <!-------MUSIC PLAYER BY GLENTHEMES------->
  7.  
  8. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  9. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  10.  
  11. <style>
  12. #ongaku {
  13. position: fixed;
  14. bottom:1em;
  15. left:1em;
  16. margin: auto;
  17. width:35px;
  18. height:35px;
  19. z-index:99;
  20. border:4px double #000; /*Border Colour*/
  21. background-color:#FACAE7; /*Music Tab Background Colour*/
  22. border-radius:50px;
  23. -webkit-transition: all 0.6s ease-in-out;
  24. -moz-transition: all 0.6s ease-in-out;
  25. -ms-transition: all 0.6s ease-in-out;
  26. -o-transition: all 0.6s ease-in-out;
  27. transition: all 0.6s ease-in-out;
  28. }
  29.  
  30. #gaku {
  31. width:24px;
  32. height:24px;
  33. margin-top:3px;
  34. margin-left:3px;
  35. overflow:hidden;
  36. -webkit-transition: all 0.6s ease-in-out;
  37. -moz-transition: all 0.6s ease-in-out;
  38. -ms-transition: all 0.6s ease-in-out;
  39. -o-transition: all 0.6s ease-in-out;
  40. transition: all 0.6s ease-in-out;
  41. }
  42.  
  43. #kero {
  44. height:26px;
  45. }
  46.  
  47. #kero img {
  48. margin-right:10px;
  49. margin-left:3px;
  50. margin-top:3px;
  51. }
  52.  
  53. #kero embed {
  54. margin-top:-5px;
  55. }
  56.  
  57. #kero embed, #kero {
  58. -webkit-transition: all 0.6s ease-in-out;
  59. -moz-transition: all 0.6s ease-in-out;
  60. -ms-transition: all 0.6s ease-in-out;
  61. -o-transition: all 0.6s ease-in-out;
  62. transition: all 0.6s ease-in-out;
  63. }
  64.  
  65. #ongaku:hover {
  66.  
  67. width:80px;
  68. }
  69.  
  70. #ongaku:hover #gaku {
  71. width:74px;
  72. }
  73.  
  74. #ongaku:hover #kero {
  75. margin-left:-50px;
  76. }
  77.  
  78. .playy, .pausee {
  79. margin-left:7px;
  80. margin-top:4px;
  81. position:relative;
  82. left:20px;
  83. font-size:15px;
  84. color:#FFF; /* play & pause buttons color */
  85. cursor:pointer;
  86. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
  87.  
  88. }
  89.  
  90. .pausee {display:none;}
  91.  
  92. </style>
  93. <div id="ongaku"><div id="gaku"><div id="kero">
  94. <table cellspacing"0" cellpadding="0"><tr><td>
  95. <!-- Music Gif URL Here (Replace the Link)--><img src=" https://64.media.tumblr.com/tumblr_lu2dd4ocjj1qfoi4t.gif"></td><td>
  96. <!-- Music Code Here -->
  97.  
  98. <div class="music-controls" onclick="songstart();">
  99. <div class="playy">►</div>
  100. <div class="pausee">♪</div>
  101. </a>
  102. <audio id="tune" src="INSERT SONG LINK HERE"audio"></audio>
  103.  
  104. </td></tr>
  105. </table>
  106. </div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement