Advertisement
Mediakiller7Cool

Nahhhhhhhhhhhhhhhhhhhhhhh

Jul 6th, 2019
222
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.99 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <style>
  6.  
  7. .custom-select {
  8. position: relative;
  9. font-family: Arial;
  10. }
  11.  
  12. .custom-select select {
  13. display: none;
  14. }
  15.  
  16. .select-selected {
  17. background-color: Green;
  18. }
  19.  
  20. .select-selected:after {
  21. position: absolute;
  22. content: "";
  23. top: 14px;
  24. right: 10px;
  25. width: 0;
  26. height: 0;
  27. border: 6px solid transparent;
  28. border-color: #fff transparent transparent transparent;
  29. }
  30.  
  31. .select-selected.select-arrow-active:after {
  32. border-color: transparent transparent #fff transparent;
  33. top: 7px;
  34. }
  35.  
  36. .select-items div,.select-selected {
  37. color: #ffffff;
  38. padding: 8px 16px;
  39. border: 1px solid transparent;
  40. border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  41. cursor: pointer;
  42. user-select: none;
  43. }
  44.  
  45. .select-items {
  46. position: absolute;
  47. background-color: Red;
  48. top: 100%;
  49. left: 0;
  50. right: 0;
  51. z-index: 99;
  52. }
  53.  
  54. .select-hide {
  55. display: none;
  56. }
  57.  
  58. .select-items div:hover, .same-as-selected {
  59. background-color: rgba(0, 0, 0, 0.1);
  60. }
  61. </style>
  62. </head>
  63.  
  64. <body>
  65.  
  66. <h2>Script Picker</h2>
  67.  
  68. <div class="custom-select" style="width:200px;">
  69. <select>
  70. <option value="0">Select script</option>
  71. <option value="1">Visualizer</option>
  72. <option value="2">TOAD ROASTTTT</option>
  73. <option value="3">McDonalds Map</option>
  74. <option value="4">The Tornado Man</option>
  75. <option value="5">Infinite Yield</option>
  76. <option value="6">Brutal Anti Furry</option>
  77. <option value="7">Noobcider</option>
  78. <option value="8">Hardbass</option>
  79. <option value="9">Chernobyl Explosion</option>
  80. <option value="10">Jotaro</option>
  81. <option value="11">Phantom Force Guns</option>
  82. <option value="12">Grab Knife v4</option>
  83. </select>
  84. </div>
  85.  
  86. <script>
  87. var x, i, j, selElmnt, a, b, c;
  88. x = document.getElementsByClassName("custom-select");
  89. for (i = 0; i < x.length; i++) {
  90. selElmnt = x[i].getElementsByTagName("select")[0];
  91. a = document.createElement("DIV");
  92. a.setAttribute("class", "select-selected");
  93. a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
  94. x[i].appendChild(a);
  95. b = document.createElement("DIV");
  96. b.setAttribute("class", "select-items select-hide");
  97. for (j = 1; j < selElmnt.length; j++) {
  98. c = document.createElement("DIV");
  99. c.innerHTML = selElmnt.options[j].innerHTML;
  100. c.addEventListener("click", function(e) {
  101. var y, i, k, s, h;
  102. s = this.parentNode.parentNode.getElementsByTagName("select")[0];
  103. h = this.parentNode.previousSibling;
  104. for (i = 0; i < s.length; i++) {
  105. if (s.options[i].innerHTML == this.innerHTML) {
  106. s.selectedIndex = i;
  107. h.innerHTML = this.innerHTML;
  108. y = this.parentNode.getElementsByClassName("same-as-selected");
  109. for (k = 0; k < y.length; k++) {
  110. y[k].removeAttribute("class");
  111. }
  112. this.setAttribute("class", "same-as-selected");
  113. break;
  114. }
  115. }
  116. h.click();
  117. });
  118. b.appendChild(c);
  119. }
  120. x[i].appendChild(b);
  121. a.addEventListener("click", function(e) {
  122. e.stopPropagation();
  123. closeAllSelect(this);
  124. this.nextSibling.classList.toggle("select-hide");
  125. this.classList.toggle("select-arrow-active");
  126. });
  127. }
  128. function closeAllSelect(elmnt) {
  129. var x, y, i, arrNo = [];
  130. x = document.getElementsByClassName("select-items");
  131. y = document.getElementsByClassName("select-selected");
  132. for (i = 0; i < y.length; i++) {
  133. if (elmnt == y[i]) {
  134. arrNo.push(i)
  135. } else {
  136. y[i].classList.remove("select-arrow-active");
  137. }
  138. }
  139. for (i = 0; i < x.length; i++) {
  140. if (arrNo.indexOf(i)) {
  141. x[i].classList.add("select-hide");
  142. }
  143. }
  144. }
  145. document.addEventListener("click", closeAllSelect);
  146. </script>
  147.  
  148. </body>
  149. </html>
  150.  
  151. <html>
  152. <head>
  153. <style>
  154. #myHeader {
  155. background-color: red;
  156. color: green;
  157. padding: 40px;
  158. text-align: center;
  159. }
  160. </style>
  161. </head>
  162. <body>
  163.  
  164. <h1 id="myHeader">Mediakiller7 Secret Gui</h1>
  165.  
  166. <button onclick="setTimeout(myFunction, 3000);">Report Bugs</button>
  167.  
  168. <script>
  169. function myFunction() {
  170. alert('Thanks For Sending us an Report we will Contact you If its Fixed....');
  171. alert('We Will Send You A Message In a Few Hours....');
  172. }
  173. </script>
  174.  
  175. </body>
  176. </html>
  177.  
  178. <html>
  179. <head>
  180. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  181. <script>
  182. $(document).ready(function(){
  183. $("p:hidden").show(3500);
  184. });
  185. </script>
  186. </head>
  187. <body>
  188.  
  189. <p style="display:none;">????????</p>
  190. <p style="display:none;">????????</p>
  191. <p style="display:none;">????????</p>
  192. <p style="display:none;">????????</p>
  193.  
  194. </body>
  195. </html>
  196.  
  197. <html>
  198. <head>
  199. <style>
  200. #gui {
  201. border: 1px solid;
  202. padding: 10px;
  203. box-shadow: 5px 10px 8px 10px #888888;
  204. }
  205. </style>
  206. </head>
  207. <body>
  208.  
  209. <div id="gui">
  210. <p>All Op Scripts is gonna release in next week -Coming Soon-</p>
  211. </div>
  212.  
  213. </body>
  214. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement