Advertisement
GIFCITY

glenthemes player #2

Jan 15th, 2024 (edited)
233
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.29 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.  
  13. #ongaku {
  14. width:35px;
  15. height:35px;
  16. border:4px double #000; /*Border Colour*/
  17. background-color:#fff; /*Music Tab Background Colour*/
  18. border-radius:30px;
  19. opacity:.6;
  20. -webkit-transition: all 0.6s ease-in-out;
  21. -moz-transition: all 0.6s ease-in-out;
  22. -ms-transition: all 0.6s ease-in-out;
  23. -o-transition: all 0.6s ease-in-out;
  24. transition: all 0.6s ease-in-out;
  25. }
  26.  
  27. #gaku {
  28. width:24px;
  29. height:24px;
  30. margin-top:3px;
  31. margin-left:3px;
  32. overflow:hidden;
  33. -webkit-transition: all 0.6s ease-in-out;
  34. -moz-transition: all 0.6s ease-in-out;
  35. -ms-transition: all 0.6s ease-in-out;
  36. -o-transition: all 0.6s ease-in-out;
  37. transition: all 0.6s ease-in-out;
  38. }
  39.  
  40. #kero {
  41. height:26px;
  42. }
  43.  
  44. #kero img {
  45. margin-right:10px;
  46. margin-left:3px;
  47. margin-top:3px;
  48. }
  49.  
  50. #kero embed {
  51. margin-top:-5px;
  52. }
  53.  
  54. #kero embed, #kero {
  55. -webkit-transition: all 0.6s ease-in-out;
  56. -moz-transition: all 0.6s ease-in-out;
  57. -ms-transition: all 0.6s ease-in-out;
  58. -o-transition: all 0.6s ease-in-out;
  59. transition: all 0.6s ease-in-out;
  60. }
  61.  
  62. #ongaku:hover {
  63.  
  64. width:80px;
  65. }
  66.  
  67. #ongaku:hover #gaku {
  68. width:74px;
  69. }
  70.  
  71. #ongaku:hover #kero {
  72. margin-left:-50px;
  73. }
  74.  
  75. .playy, .pausee {
  76. margin-left:7px;
  77. margin-top:4px;
  78. position:relative;
  79. left:20px;
  80. font-size:15px;
  81. color:#FEE6ED; /* play & pause buttons color */
  82. cursor:pointer;
  83. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  84.  
  85. }
  86.  
  87. .pausee {display:none;}
  88.  
  89. </style>
  90. <div id="ongaku"><div id="gaku"><div id="kero">
  91. <table cellspacing"0" cellpadding="0"><tr><td>
  92. <!-- Music Gif URL Here (Replace the Link)--><img src=" https://64.media.tumblr.com/tumblr_lu2dd4ocjj1qfoi4t.gif"></td><td>
  93. <!-- Music Code Here -->
  94.  
  95. <div class="music-controls" onclick="songstart();">
  96. <div class="playy">►</div>
  97. <div class="pausee">♪</div>
  98. </a>
  99. <audio id="tune" src="URL"></audio>
  100. </td></tr>
  101. </table>
  102. </div>
  103. </div>
  104. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement