API tools faq
paste
dollcrds

♡彡 ju mp menu

dollcrds
Jun 21st, 2022
913
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.43 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: 5px;
  60. border-radius: 3px;
  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: 5px;
  77. border-radius: 3px;
  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: 5px;
  91. border-radius: 3px;
  92. font-size: 0.7em;
  93. color: white;
  94. text-decoration: none;
  95. font-family: 'Mali', cursive;
  96. margin-top: 5px;
  97.  
  98. }
  99.  
  100. #butt3 a:hover {
  101. color: #FE82B6;
  102. background: #fff;
  103. }
  104.  
  105. #butt2 a:hover {
  106. color: #FE82B6;
  107. background: #fff;
  108. }
  109. #butt a:hover {
  110. color: #FE82B6;
  111. background: #fff;
  112. }
  113.  
  114. </style>
  115. <div id="he">
  116. <img class=img src="https://gnome.crd.co/assets/images/pinksb/3c1af838.gif?v=768bbfb2">
  117. <div id="cont">
  118. <div id="butt"> <div align="left"><a href="#h"> about me </a></div> </div>
  119. <p> </p>
  120. <p> </p>
  121. <div id="butt2"> <div align="left"> <a href="#i"> guidelines </a> </div> </div>
  122. <p> </p>
  123. <p> </p>
  124. <div id="butt3"> <div align="left"><a href="#ii"> more & notes </a> </div> </div>
  125.  
  126. </div> </div>
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!