Advertisement
reijeo

cake menu code

Sep 3rd, 2022 (edited)
170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.51 KB | None | 0 0
  1. <!---this code is just a mashup of girly.uwu.ai buttons and lala.uwu.ai menu, creds to POWY and itzhuo!--->
  2.  
  3.  
  4. <head>
  5. <link rel="preconnect" href="https://fonts.googleapis.com">
  6. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  7. <link href="https://fonts.googleapis.com/css2?family=Hi+Melody&family=Molle:ital@1&display=swap" rel="stylesheet">
  8. <link rel="preconnect" href="https://fonts.googleapis.com">
  9. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  10. <link href="https://fonts.googleapis.com/css2?family=Molle:ital@1&display=swap" rel="stylesheet">
  11. <link rel="preconnect" href="https://fonts.googleapis.com">
  12. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  13. <link href="https://fonts.googleapis.com/css2?family=Mali&display=swap" rel="stylesheet">
  14. </head>
  15.  
  16. <style>
  17.  
  18.  
  19. @font-face {
  20. font-family: Nintendo-DS-BIOS;
  21. src: url(https://dl.dropbox.com/s/iwvkrg8ccgd1pf4/SantJoanDespi-Regular.otf);
  22. }
  23.  
  24. #he {
  25. width: 50px;
  26. height: 50px;
  27. }
  28.  
  29. .img {
  30. width: 30px;
  31. height: auto;
  32. margin-top: 5px;
  33. margin-left: 5px;
  34. top: 0px;
  35. left: 0px;
  36. position: fixed;
  37. z-index: 1;
  38.  
  39. }
  40.  
  41. .img:hover {
  42. opacity: 0.7;
  43. }
  44.  
  45. #he:hover #cont{
  46. position: fixed;
  47. left: 40px;
  48. }
  49.  
  50. #cont {
  51. width: 420px;
  52. height: 100px;
  53. transition: 0.8s ease;
  54. top: 0px;
  55. margin-left: 0px;
  56. line-height: 30px;
  57. left: -100px;
  58. position: fixed;
  59. padding-left: 0px;
  60. padding-top: 2px;
  61. position: fixed;
  62. left: -400px;
  63.  
  64. }
  65.  
  66. #butt a{
  67. font-family: Nintendo-DS-BIOS;
  68. font-size: 1.2em;
  69. text-decoration: none;
  70. color: #664242;
  71.  
  72. }
  73.  
  74. #butt a:hover {
  75. webkit-filter: blur(1px);
  76. filter: blur(1px);
  77. letter-spacing:1.5px;
  78. font-size: 1.2em;
  79. color:white;
  80. transition:.3s;
  81. text-decoration: none;
  82. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  83. }
  84.  
  85. mark {
  86. border:1px solid #664242;
  87. border-radius: 20px;
  88. color:white; /* color font */
  89. background-color: #FFD6D6;
  90. font-size: 1.2em;
  91. padding-left:10px;
  92. padding-right:10px;
  93. font-family: Nintendo-DS-BIOS;
  94. text-align: center;
  95. text-decoration: none;
  96. display: inline-block;
  97. font-size: 12px;
  98. margin:auto;
  99. cursor: pointer;
  100.  
  101. }
  102.  
  103. </style>
  104. <div id="he">
  105. <img class=img src="https://64.media.tumblr.com/851c53ce05273e763c081c791889e226/a3f7219e6cf4d07e-ee/s75x75_c1/27bd6a95025886de7e1bcfd88384cf34d65c28bd.gifv">
  106. <div id="cont">
  107. <div id="butt"><mark><a href="URL">suck</a></mark> <mark><a href="URL">my</a></mark> <mark><a href="URL">fat</a></mark> <mark><a href="URL">huge</a></mark> <mark><a href="URL">penjis</a></mark>
  108.  
  109.  
  110. </div> </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement