HTML5user

Geometry Dash Embed Code

Feb 6th, 2024
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.12 KB | None | 0 0
  1. <html><head><base target="_blank"></head><body><div id="fr" data="<iframe width=&quot;100%&quot; height=&quot;100%&quot; src=&quot;https://google-opensocial.googleusercontent.com/gadgets/ifr?url=https://cdn.jsdelivr.net/gh/yrgen73/GDC@63283a72e20615405d3c8eeebb19b9bb8e5e9a9a/gdc.xml&quot; frameborder=&quot;0&quot; allowfullscreen></iframe>">
  2. </div><button class="c-button" type="button" onclick="PlayTo(this)">CLICK TO PLAY</button>
  3. <style>
  4. .c-button {
  5. min-width: 100%;
  6. font-family: "Gill Sans", sans-serif;
  7. font-weight: bolder;
  8. appearance: auto;
  9. border: 0;
  10. border-color: #fff;
  11. border-radius: 5px;
  12. background-size: 50px 50px;
  13. background-color: #ac0;
  14. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  15. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  16. background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  17. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  18. background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  19. color: #000;
  20.  
  21. font-size: 30px;
  22. cursor: pointer;
  23. }
  24.  
  25. .c-button:hover {
  26. background: #ac0;
  27. }
  28.  
  29. .c-button:focus {
  30. outline: none;
  31. box-shadow: 0 0 0 4px #cbd6ee;
  32. }
  33.  
  34. .c-button {
  35. display: flex;
  36. align-items: center;
  37. justify-content: center;
  38. height: 100%;
  39. }
  40.  
  41. </style>
  42.  
  43. <script>
  44. function PlayTo(sel){
  45. var div = sel.previousSibling;
  46. div.innerHTML=div.getAttribute('data');
  47. sel.style.display = "none";
  48. }
  49. </script></body></html>
Advertisement
Add Comment
Please, Sign In to add comment