dollcrds

pro-standard cr dollbahi music player

Nov 25th, 2024 (edited)
179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.39 KB | None | 0 0
  1. <!-------ongaku music player fixed for carrd! this goes inline not hidden or else it won't work------->
  2.  
  3. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  5.  
  6. <style>
  7.  
  8. #box{
  9. overflow:hidden;
  10. position: absolute;
  11. width:18px;
  12. height:18px;
  13. bottom: 10.12em;
  14. left: 15.67em;
  15. background: #D78FDC;
  16. border: 1px solid #FCEFED;
  17. border-radius:3px;
  18. z-index: 999;
  19. }
  20.  
  21. @media only screen and (max-width: 600px) {
  22. #box {
  23. bottom: 10.1em;
  24. left: 15.6em;
  25. }
  26. }
  27.  
  28. #icon{
  29. /* this is for the positioning of the music gif: */
  30. margin-top:1px;
  31. margin-right:1px;
  32. -webkit-transition: all 0.5s linear;
  33. -moz-transition: all 0.5s linear;
  34. transition: all 0.5s linear;
  35. margin-bottom:8px;
  36. }
  37.  
  38. #box:hover #icon{
  39. margin-top:-20px;
  40. -webkit-transition: all 0.5s linear;
  41. -moz-transition: all 0.5s linear;
  42. transition: all 0.5s linear;
  43. }
  44.  
  45. #musicbox{
  46. width:8px;
  47. height:8px;
  48. overflow:hidden;
  49. margin-left:5px;
  50. margin-top:-1px;
  51. }
  52.  
  53. #music{
  54. margin-top: -4px;
  55. margin-left:-40px;
  56. }
  57.  
  58. .playy, .pausee {
  59. color:#fff;
  60. position: relative;
  61. bottom:-4px;
  62. left: 40px;
  63. cursor: pointer;
  64. left:20px;
  65. font-size:10px;
  66.  
  67. }
  68.  
  69. .pausee {display:none;}
  70.  
  71. .sonata {
  72. margin-left:10px;
  73. color:#fff; /* color of music note symbol */
  74. }
  75.  
  76. .labeltext {
  77. margin-left:27px;
  78. position:relative;
  79. bottom:16px;
  80. font-family: times;
  81. font-size:9px;
  82. color:#fff; /* color of song title */
  83. }
  84.  
  85. #pop {
  86. -webkit-animation: pop 1s ease-in-out infinite alternate;
  87. animation: pop 1s ease-in-out infinite alternate;
  88. -moz-animation: pop 1s ease-in-out infinite alternate;
  89. }
  90.  
  91. @keyframes pop {
  92. from {
  93. transform:scale(0.95)
  94. }
  95.  
  96. 50% {
  97. transform:scale(1)
  98. }
  99.  
  100. to {
  101. transform:scale(0.95)
  102. }
  103. }
  104.  
  105. @-webkit-keyframes pop {
  106. from {
  107. -webkit-transform:scale(0.95)
  108.  
  109. }
  110.  
  111. 50% {
  112. -webkit-transform:scale(1)
  113.  
  114. }
  115.  
  116. to {
  117. -webkit-transform:scale(0.95)
  118.  
  119. }
  120.  
  121. }
  122.  
  123. </style>
  124. <body>
  125.  
  126. <div id="box"><div id="icon">
  127. <div id="pop"><img src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"/>
  128. </div></div>
  129. <div id="musicbox"><div id="music">
  130.  
  131. <div class="music-controls" onclick="songstart();">
  132. <div class="playy">►</div>
  133. <div class="pausee">♪</div>
  134.  
  135. <audio id="tune" src="https://dl.dropbox.com/scl/fi/wtb77l612o7hm6mi7a619/Yves-Viola-Audio.mp3?rlkey=2o6h2xw8tqhn4hb6j7yciq86a&st=6lv8cf4v&dl=0.mp3"audio"></audio>
  136.  
  137. </div></div></div>
  138.  
  139. </body>
Advertisement
Add Comment
Please, Sign In to add comment