API tools faq
paste
dollcrds

lindley crd co music player & cursor

dollcrds
May 22nd, 2024 (edited)
283
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.26 KB | None | 0 0
raw download clone embed print report
  1. ---MUSIC PLAYER---
  2.  
  3. <link rel="preconnect" href="https://fonts.googleapis.com">
  4. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  5. <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;800&display=swap" rel="stylesheet">
  6.  
  7. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  8.  
  9. <!-------MUSIC PLAYER BY GLENTHEMES------->
  10. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  11.  
  12. <style type="text/css">
  13. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  14. @font-face {
  15. font-family: pixel;
  16. src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
  17. }
  18.  
  19. #glenplayer02 {
  20. position:relative;
  21. top:0px;
  22. left:5px;
  23. display:flex;
  24. z-index:99;
  25. }
  26. #glenplayer02 a {text-decoration:none;}
  27.  
  28. #glenplayer02 > div {
  29. align-self:center;
  30. -webkit-align-self:center;
  31. }
  32.  
  33. .music-controls {
  34. user-select:none;
  35. -webkit-user-select:none;
  36. width:13px;
  37. font-size:18px;
  38. cursor:pointer;
  39. }
  40.  
  41. .playy, .pausee {color:#e3b0bc; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;} /* color of play & pause buttons */
  42.  
  43. .pausee {display:none;}
  44.  
  45. .sonata {
  46. margin-left:10px;
  47. font-family: pixel;
  48. font-size:14px;
  49. color:#e3b0bc;
  50. font-weight: bold;
  51. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0; /* color of music note symbol */
  52. }
  53.  
  54. .labeltext {
  55. margin-left:0px;
  56. position: relative;
  57. bottom:10px;
  58. font-family: 'M PLUS Rounded 1c', sans-serif;
  59. font-size:14px;
  60. color:#e3b0bc;
  61. font-weight: bold;
  62. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;/* color of song title */
  63. }
  64.  
  65. </style>
  66. <body>
  67. <!-------MUSIC PLAYER BY GLENTHEMES------->
  68. <div id="glenplayer02">
  69. <div class="music-controls" onclick="songstart();">
  70. <div class="playy">►</div>
  71. <div class="pausee">♬</div>
  72. </div>
  73. <div class="sonata"> <marquee> You're the one that I want (You) Everything that I want (Blue) </marquee> </div>
  74. <div class="labeltext"></div>
  75. </div><!--end music player-->
  76.  
  77. <audio id="tune" src="https://dl.dropbox.com/scl/fi/3y9lfd1hz2t4c2lc4wyhd/minisode1-Blue-Hour-TOMORROW-X-TOGETHER-TXT-Blue-Hour.mp3?rlkey=fhajsz9ch1hy0h6frdm1092x4&st=yv9on1mo&dl=0.mp3""audio"></audio>
  78. </body>
  79.  
  80. <div class="labeltext"> </div>
  81.  
  82. ---CURSOR--- (make sure embed style is "hidden") !!
  83.  
  84. <script type="text/javascript">
  85. // <![CDATA[
  86. var colours=new Array( '#9E94C3', '#E3B0BC', '#BCCEEB', '#A36A8D', '#2A3563'); // colours of the stars
  87. var minisize=16; // smallest size of stars in pixels
  88. var maxisize=28; // biggest size of stars in pixels
  89. var stars=66; // maximum number of stars on screen
  90. var over_or_under="over"; // set to "over" for stars to always be on top, or "under" to allow them to float behind other objects
  91.  
  92. /*****************************
  93. *JavaScript Love Heart Cursor*
  94. * (c)2013+ mf2fm web-design *
  95. * http://www.mf2fm.com/rv *
  96. * DON'T EDIT BELOW THIS BOX *
  97. *****************************/
  98. var x=ox=400;
  99. var y=oy=300;
  100. var swide=800;
  101. var shigh=600;
  102. var sleft=sdown=0;
  103. var herz=new Array();
  104. var herzx=new Array();
  105. var herzy=new Array();
  106. var herzs=new Array();
  107. var kiss=false;
  108.  
  109. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  110. var oldonload=window.onload;
  111. if (typeof(oldonload)!='function') window.onload=funky;
  112. else window.onload=function() {
  113. if (oldonload) oldonload();
  114. funky();
  115. }
  116. }
  117.  
  118. addRVLoadEvent(mwah);
  119.  
  120. function mwah() { if (document.getElementById) {
  121. var i, heart;
  122. for (i=0; i<stars; i++) {
  123. heart=createDiv("auto", "auto");
  124. heart.style.visibility="hidden";
  125. heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  126. heart.style.color=colours[i%colours.length];
  127. heart.style.pointerEvents="none";
  128. if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  129. else heart.style.opacity=0.75;
  130. heart.appendChild(document.createTextNode(String.fromCharCode(9733)));
  131. document.body.appendChild(heart);
  132. herz[i]=heart;
  133. herzy[i]=false;
  134. }
  135. set_scroll();
  136. set_width();
  137. herzle();
  138. }}
  139.  
  140. function herzle() {
  141. var c;
  142. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  143. ox=x;
  144. oy=y;
  145. for (c=0; c<stars; c++) if (herzy[c]===false) {
  146. herz[c].firstChild.nodeValue=String.fromCharCode(9733);
  147. herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  148. herz[c].style.top=(herzy[c]=y-minisize)+"px";
  149. herz[c].style.fontSize=minisize+"px";
  150. herz[c].style.fontWeight='normal';
  151. herz[c].style.visibility='visible';
  152. herzs[c]=minisize;
  153. break;
  154. }
  155. }
  156. for (c=0; c<stars; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  157. setTimeout("herzle()", 40);
  158. }
  159.  
  160. document.onmousedown=pucker;
  161. document.onmouseup=function(){clearTimeout(kiss);};
  162.  
  163. function pucker() {
  164. ox=-1;
  165. oy=-1;
  166. kiss=setTimeout('pucker()', 100);
  167. }
  168.  
  169. function blow_me_a_kiss(i) {
  170. herzy[i]-=herzs[i]/minisize+i%2;
  171. herzx[i]+=(i%5-2)/5;
  172. if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  173. herz[i].style.visibility="hidden";
  174. herzy[i]=false;
  175. }
  176. else if (herzs[i]>minisize+2 && Math.random()<.5/stars) break_my_heart(i);
  177. else {
  178. if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  179. herz[i].style.top=herzy[i]+"px";
  180. herz[i].style.left=herzx[i]+"px";
  181. }
  182. }
  183.  
  184. function break_my_heart(i) {
  185. var t;
  186. herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  187. herz[i].style.fontWeight='bold';
  188. herzy[i]=false;
  189. for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  190. setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  191. }
  192.  
  193. document.onmousemove=mouse;
  194. function mouse(e) {
  195. if (e) {
  196. y=e.pageY;
  197. x=e.pageX;
  198. }
  199. else {
  200. set_scroll();
  201. y=event.y+sdown;
  202. x=event.x+sleft;
  203. }
  204. }
  205.  
  206. window.onresize=set_width;
  207. function set_width() {
  208. var sw_min=999999;
  209. var sh_min=999999;
  210. if (document.documentElement && document.documentElement.clientWidth) {
  211. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  212. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  213. }
  214. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  215. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  216. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  217. }
  218. if (document.body.clientWidth) {
  219. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  220. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  221. }
  222. if (sw_min==999999 || sh_min==999999) {
  223. sw_min=800;
  224. sh_min=600;
  225. }
  226. swide=sw_min;
  227. shigh=sh_min;
  228. }
  229.  
  230. window.onscroll=set_scroll;
  231. function set_scroll() {
  232. if (typeof(self.pageYOffset)=='number') {
  233. sdown=self.pageYOffset;
  234. sleft=self.pageXOffset;
  235. }
  236. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  237. sdown=document.body.scrollTop;
  238. sleft=document.body.scrollLeft;
  239. }
  240. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  241. sleft=document.documentElement.scrollLeft;
  242. sdown=document.documentElement.scrollTop;
  243. }
  244. else {
  245. sdown=0;
  246. sleft=0;
  247. }
  248. }
  249.  
  250. function createDiv(height, width) {
  251. var div=document.createElement("div");
  252. div.style.position="absolute";
  253. div.style.height=height;
  254. div.style.width=width;
  255. div.style.overflow="hidden";
  256. div.style.backgroundColor="transparent";
  257. return (div);
  258. }
  259. // ]]>
  260. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!