API tools faq
paste
dianakko

menu de lala uwu ai

dianakko
Sep 9th, 2021 (edited)
404
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.70 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2. <link rel="preconnect" href="https://fonts.googleapis.com">
  3. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  4. <link href="https://fonts.googleapis.com/css2?family=Hi+Melody&family=Molle:ital@1&display=swap" rel="stylesheet">
  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=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=Mali&display=swap" rel="stylesheet">
  11. </head>
  12.  
  13. <style>
  14.  
  15. #he {
  16. width: 50px;
  17. height: 50px;
  18. }
  19.  
  20. .img {
  21. width: 30px;
  22. height: auto;
  23. margin-top: 5px;
  24. margin-left: 5px;
  25. top: 0px;
  26. left: 0px;
  27. position: fixed;
  28. z-index: 1;
  29. }
  30.  
  31. .img:hover {
  32. opacity: 0.7;
  33. }
  34.  
  35. #he:hover #cont{
  36. position: fixed;
  37. left: 30px;
  38. }
  39.  
  40. #cont {
  41. width: 120px;
  42. height: 100px;
  43. transition: 0.8s ease;
  44. top: 0px;
  45. margin-top: 5px;
  46. margin-left: 5px;
  47. line-height: 30px;
  48. left: -100px;
  49. position: fixed;
  50. padding-left: 5px;
  51. padding-top: 9px;
  52.  
  53. }
  54.  
  55. #butt a{
  56. background: #FE82B6;
  57. width: 100px;
  58. height: 10px;
  59. padding: 3px;
  60. border: 1px solid #000;
  61. font-size: 0.7em;
  62. color: white;
  63. text-decoration: none;
  64. font-family: 'Mali', cursive;
  65. position: relative;
  66. bottom: 0px;
  67. left: 0px;
  68. margin-top: 5px;
  69.  
  70. }
  71.  
  72. #butt2 a{
  73. background: #FE82B6;
  74. width: 100px;
  75. height: 10px;
  76. padding: 3px;
  77. border: 1px solid #000;
  78. font-size: 0.7em;
  79. color: white;
  80. text-decoration: none;
  81. font-family: 'Mali', cursive;
  82. margin-top: 5px;
  83.  
  84. }
  85.  
  86. #butt3 a{
  87. background: #FE82B6;
  88. width: 100px;
  89. height: 10px;
  90. padding: 3px;
  91. border: 1px solid #000;
  92. font-size: 0.7em;
  93. color: white;
  94. text-decoration: none;
  95. font-family: 'Mali', cursive;
  96. margin-top: 5px;
  97.  
  98. }
  99. #butt4 a{
  100. background: #FE82B6;
  101. width: 100px;
  102. height: 10px;
  103. padding: 3px;
  104. border: 1px solid #000;
  105. font-size: 0.7em;
  106. color: white;
  107. text-decoration: none;
  108. font-family: 'Mali', cursive;
  109. margin-top: 5px;
  110.  
  111. }
  112.  
  113. #butt3 a:hover {
  114. color: #FE82B6;
  115. background: #fff;
  116. }
  117.  
  118. #butt4 a:hover {
  119. color: #FE82B6;
  120. background: #fff;
  121. }
  122.  
  123. #butt2 a:hover {
  124. color: #FE82B6;
  125. background: #fff;
  126. }
  127. #butt a:hover {
  128. color: #FE82B6;
  129. background: #fff;
  130. }
  131.  
  132. </style>
  133. <div id="he">
  134. <img class=img src="http://media.tumblr.com/tumblr_m54xs2z0dn1qid2nw.gif">
  135. <div id="cont">
  136. <div id="butt"> <div align="left"><a href="#h"> about me </a></div> </div>
  137. <p> </p>
  138. <p> </p>
  139. <div id="butt2"> <div align="left"> <a href="#ii"> guidelines </a> </div> </div>
  140. <p> </p>
  141. <p> </p>
  142. <div id="butt3"> <div align="left"><a href="#iii"> more & notes </a> </div> </div>
  143.  
  144. </div> </div>
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!