Advertisement
dianakko

abracitos codigo 2 (rep de musica)

Oct 20th, 2021
402
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.24 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. <script src="https://dl.dropbox.com/s/q3g9wib9m3prasf/glenplayer03.js"></script>
  8.  
  9. <style>
  10.  
  11. #ongaku {
  12. position:fixed;
  13. bottom:15px;
  14. left:15px;
  15. width:30px;
  16. height:30px;
  17. z-index:9999;
  18. border:4px double #ffbfe0; /*Border Colour*/
  19. background-color:#fff; /*Music Tab Background Colour*/
  20. border-radius:30px;
  21. opacity:.6;
  22. -webkit-transition: all 0.6s ease-in-out;
  23. -moz-transition: all 0.6s ease-in-out;
  24. -ms-transition: all 0.6s ease-in-out;
  25. -o-transition: all 0.6s ease-in-out;
  26. transition: all 0.6s ease-in-out;
  27. }
  28.  
  29. #gaku {
  30. width:24px;
  31. height:24px;
  32. margin-top:3px;
  33. margin-left:3px;
  34. overflow:hidden;
  35. -webkit-transition: all 0.6s ease-in-out;
  36. -moz-transition: all 0.6s ease-in-out;
  37. -ms-transition: all 0.6s ease-in-out;
  38. -o-transition: all 0.6s ease-in-out;
  39. transition: all 0.6s ease-in-out;
  40. }
  41.  
  42. #kero {
  43. height:26px;
  44. }
  45.  
  46. #kero img {
  47. margin-right:10px;
  48. margin-left:3px;
  49. margin-top:3px;
  50. }
  51.  
  52. #kero embed {
  53. margin-top:-5px;
  54. }
  55.  
  56. #kero embed, #kero {
  57. -webkit-transition: all 0.6s ease-in-out;
  58. -moz-transition: all 0.6s ease-in-out;
  59. -ms-transition: all 0.6s ease-in-out;
  60. -o-transition: all 0.6s ease-in-out;
  61. transition: all 0.6s ease-in-out;
  62. }
  63.  
  64. #ongaku:hover {
  65. opacity:1;
  66. width:80px;
  67. }
  68.  
  69. #ongaku:hover #gaku {
  70. width:74px;
  71. }
  72.  
  73. #ongaku:hover #kero {
  74. margin-left:-50px;
  75. }
  76. .gst.material-icons {
  77. margin-left:1px;
  78. position:relative;
  79. left:20px;
  80. font-size:15px;
  81. color:#222; /* play & pause buttons color */
  82. cursor:pointer;
  83. }
  84.  
  85. </style>
  86. <div id="ongaku"><div id="gaku"><div id="kero">
  87. <table cellspacing"0" cellpadding="0"><tr><td>
  88. <!-- Music Gif URL Here (Replace the Link)--><img src=" http://media.tumblr.com/tumblr_m7w0seu08Y1r6o8v2.gif"></td><td>
  89. <!-- Music Code Here -->
  90.  
  91. <a class="fire1" onclick="javascript:fireAudio1();">
  92. <i class="gst material-icons playy1"> ♪</i>
  93. <i class="gst material-icons pausee1"> </i>
  94. </a>
  95. <audio id="audio1" src="https://dl.dropbox.com/s/22he1ckywvszvcw/Click.mp3"></audio>
  96.  
  97. </td></tr>
  98. </table>
  99. </div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement