dianakko

music player nako.ju.mp

Sep 19th, 2021 (edited)
1,744
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.67 KB | None | 0 0
  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  2. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  3.  
  4. <style>
  5.  
  6. #glenplayer02 {
  7. position: relative;
  8. top: 3px;
  9. left: 4px;
  10. display: flex;
  11. z-index: 99;
  12. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  13. color: #fff;
  14. }
  15.  
  16.  
  17. @font-face {
  18. font-family: lovely;
  19. src: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
  20. }
  21.  
  22. marquee {
  23. font-family: lovely;
  24. color: #fff;
  25. }
  26.  
  27. #glenplayer02 > div { align-self:center; -webkit-align-self:center; }
  28.  
  29. .music-controls {
  30. user-select:none;
  31. -webkit-user-select:none;
  32. width:16px;
  33. font-size:16px;
  34. cursor:pointer; }
  35.  
  36. .playy, .pausee {
  37. color:#ece8ff;
  38. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  39. }
  40.  
  41. /* color of play & pause buttons */
  42. .pausee {display:none;}
  43.  
  44. .sonata { margin-left:10px; color:#fff; /* color of music note symbol */ }
  45.  
  46. .labeltext { margin-left:0px; font-family: lovely; font-size:16px; font-weight: bold; color:#fff; /* color of song title */ text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0; }
  47.  
  48. </style>
  49.  
  50. <div id="glenplayer02">
  51.  
  52. <div class="music-controls" onclick="songstart();">
  53. <div class="playy" style="display: block;">♫</div><div class="pausee" style="display: none;">❚❚</div></div>
  54. <div class="sonata"> </div>
  55.  
  56. <div class="labeltext">
  57.  
  58. <marquee> NOW pLAYING... SONG – ARTIST! ❥ <font color="#ece8ff">lyrics lyrics lyrics lyrics lyrics lyrics lyrics </font> </marquee>
  59.  
  60.  
  61. </div>
  62. </div>
  63.  
  64. <audio id="tune" src="https://dl.dropbox.com/s/8eb4uv6fyjban7t/WE%20GO.mp3" audio"=""></audio>
Add Comment
Please, Sign In to add comment