API tools faq
paste
Advertisement
tsumuan

fancycode user

tsumuan
Jun 12th, 2023
237
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.01 KB | None | 0 0
raw download clone embed print report
  1. <!-- color stuff :D // u can replace colors using your computers notes app! paste the code there and use the replace tool! -->
  2. <!-- darker brown for teh borders n text ^.^: #96682f -->
  3. <!-- less darker brown for the background of the border thingy: #ebd0a9 -->
  4. <!-- Lightest brown!, for the boxes: #f5e4cb -->
  5.  
  6.  
  7.  
  8.  
  9. <!-- BACKGROUND IMAGE -->
  10. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  11. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  12. <div alt="cloud" style="position:absolute;top:0;bottom:0;left:0; background:url(https://cdn.discordapp.com/attachments/499985654030139396/1117542404682166393/rd133_image_master.jpg) fixed center;background-size:cover;width:100%;z-index:-2;"></div>
  13. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  14. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  15.  
  16.  
  17. <div style="display:flex; margin: auto; height: 700px; width: 1100px;">
  18.  
  19. <!-- Decorations -->
  20. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  21. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  22. <i class="fa-regular fa-flower fa-8x" style="color: #96682f; margin-left:-17px; margin-top: 120px; position: absolute; transform: rotate(-15deg); z-index: -1;"></i>
  23. <i class="fa-regular fa-flower fa-8x" style="color: #96682f; margin-left:835px; margin-top: 460px; position: absolute; transform: rotate(15deg); z-index: -1;"></i>
  24. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  25. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  26.  
  27.  
  28. <!-- the frame -->
  29. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  30. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  31. <div style="height: 800px; width: 520px; margin-top: -50px; margin-left: 220px; z-index: 3;
  32. background-image: url(https://f2.toyhou.se/file/f2-toyhou-se/images/66250841_5JEwl7GHwIudG0x.png); background-size: cover; position:absolute;">
  33. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  34. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  35.  
  36.  
  37.  
  38.  
  39. <!-- ABOUT!! -->
  40. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  41. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  42. <center><div style=" transform: rotate(0deg); z-index: 4; height: 300px; width: 290px; border: 6px double #96682f; background-color: #f5e4cb; border-radius: 15px; overflow: auto; margin-top: 215px; padding: 6px;">
  43. <span style="font-family: georgia,palatino; font-size: 11px;"><span style="color: #96682f;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ornare hendrerit metus vitae tempor. In hac habitasse platea dictumst. Fusce sit amet metus tempor, maximus libero sed, luctus est. Praesent at enim et dui sagittis ultricies. Etiam quis ante vulputate nisi viverra volutpat. Pellentesque vehicula, nulla non feugiat sagittis, erat lacus ornare ante, vel volutpat tortor purus et nisi. Fusce vel consequat est, et dignissim nisl. Pellentesque sed purus eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ornare hendrerit metus vitae tempor. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit..<br><br> </span></strong></span>
  44. </div></center>
  45. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  46. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  47.  
  48.  
  49.  
  50. <!-- THE SUN DECORATIONS!!!! -->
  51. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  52. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  53. <center><img src="https://i.imgur.com/ObMLqWd.gif" height="80" width="80" style="margin-top: -30px;">
  54. <img src="https://i.imgur.com/ObMLqWd.gif" height="120" width="120" style="margin-top: -30px;">
  55. <img src="https://i.imgur.com/ObMLqWd.gif" height="80" width="80" style="margin-top: -30px;"></center>
  56. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  57. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  58.  
  59.  
  60. </center> </div>
  61.  
  62.  
  63. <!-- CHARACTER ICON!!! -->
  64. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  65. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  66. <div style="height: 200px; width: 200px;
  67. border: 11px double #96682f; background-image: url(https://f2.toyhou.se/file/f2-toyhou-se/images/64954960_bohi7VQPhWbdV7E.png); background-size: contain; border-radius: 232323px; z-index: 3; position:absolute; margin-top: -20px; margin-left: 380px;">
  68. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  69. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  70.  
  71.  
  72. </div>
  73. <div style="height: 100px; width: 300px;
  74. z-index: 6; position:absolute; margin-top: 630px; margin-left: 328px;">
  75.  
  76.  
  77.  
  78. <!-- FIRST NAME ON TOP OF THE FRAME-->
  79. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  80. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  81. <center><span style="font-family: georgia,palatino; font-size:24px;"><span style="color: #96682f;">FIRST NAME</span></strong></span><br></center>
  82. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  83. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  84.  
  85.  
  86. </div>
  87. <div style="height: 350px; width: 210px; margin-left: 40px; margin-top: 170px;
  88. padding: 8px; border: 11px double #96682f; background-color: #ebd0a9;
  89. box-shadow: 3px 3px 30px rgba(64, 21, 0,0.8); border-radius: 10px; position:absolute;">
  90.  
  91.  
  92. <div style="height: 70px; width: 70px; margin-top: 230px; margin-left: 50px; z-index: 5;
  93. border-radius: 20px; background-color: #f5e4cb; border: 11px double #96682f; position:absolute;">
  94. <i class="fa-solid fa-music fa-2x" style="color: #96682f; margin-left: 10px; margin-top: 10px; "></i>
  95.  
  96.  
  97. <!-- MUSIC, replace "-Jo7cZ5VJlI" with yr own link-->
  98. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  99. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  100. <iframe src="https://www.youtube.com/embed/-Jo7cZ5VJlI?modestbranding=1"
  101. style="position:absolute; top: 0; bottom:0; left:0; right:0; opacity: .001" class="h-100 w-100" frameborder="0">
  102. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  103. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  104.  
  105.  
  106. </iframe></div>
  107.  
  108.  
  109.  
  110. <center><span style="font-family: georgia,palatino; font-size: 14px;"><span style="color: #96682f;">Commissions</span></strong></span><br></center>
  111. <div style="height: 45px; width: 172px; padding: 4px;
  112. border: 6px double #96682f; background-color: #f5e4cb; border-radius: 10px; margin-bottom: 5px;">
  113.  
  114.  
  115. <!-- COMMISSIONS -->
  116. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  117. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  118. <center><span style="font-family: georgia,palatino; font-size: 11px;"><span style="color: #96682f;">CLOSED</span></strong></span></center>
  119. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  120. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  121. </div>
  122.  
  123.  
  124. <center><span style="font-family: georgia,palatino; font-size: 14px;"><span style="color: #96682f;">Art Trades</span></strong></span><br></center>
  125. <div style="height: 45px; width: 172px; padding: 4px;
  126. border: 6px double #96682f; background-color: #f5e4cb; border-radius: 10px; margin-bottom: 5px;">
  127.  
  128.  
  129. <!-- ArtTrades -->
  130. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  131. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  132. <center><span style="font-family: georgia,palatino; font-size: 11px;"><span style="color: #96682f;">CLOSED</span></strong></span></center>
  133. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  134. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  135. </div>
  136.  
  137. <center><span style="font-family: georgia,palatino; font-size: 14px;"><span style="color: #96682f;">Requests</span></strong></span><br></center>
  138. <div style="height: 45px; width: 172px; padding: 4px;
  139. border: 6px double #96682f; background-color: #f5e4cb; border-radius: 10px; margin-bottom: 5px;">
  140.  
  141.  
  142. <!-- Requests -->
  143. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  144. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  145. <center><span style="font-family: georgia,palatino; font-size: 11px;"><span style="color: #96682f;">CLOSED</span></strong></span></center>
  146. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  147. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  148. </div>
  149.  
  150.  
  151.  
  152. </div>
  153. <div style="height: 350px; width: 200px; margin-left: 700px; margin-top: 170px;
  154. padding: 8px; border: 11px double #96682f; background-color: #ebd0a9;
  155. box-shadow: 3px 3px 30px rgba(64, 21, 0,0.8); border-radius: 10px; position:absolute;">
  156.  
  157.  
  158.  
  159. <div style="height: 35px; width: 152px;
  160. border: 6px double #96682f; background-color: #f5e4cb; border-radius: 10px; margin-left: 10px; margin-bottom: 5px;">
  161.  
  162.  
  163. <!-- Link 1 -->
  164. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  165. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  166.  
  167. <!-- the actual link, put it in the "" -->
  168. <a href="">
  169.  
  170. <center><span style="font-family: georgia,palatino; font-size: 11px;">
  171. <!-- Link text -->
  172. <span style="color: #96682f;">Link</span></strong></span></center></a>
  173. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  174. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  175. </div>
  176.  
  177.  
  178. <div style="height: 35px; width: 152px;
  179. border: 6px double #96682f; background-color: #f5e4cb; border-radius: 10px; margin-left: 10px; margin-bottom: 5px;">
  180.  
  181.  
  182. <!-- Link 2 -->
  183. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  184. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  185.  
  186. <!-- the actual link, put it in the "" -->
  187. <a href="">
  188.  
  189. <center><span style="font-family: georgia,palatino; font-size: 11px;">
  190. <!-- Link text -->
  191. <span style="color: #96682f;">Link</span></strong></span></center></a>
  192. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  193. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  194. </div>
  195.  
  196. <div style="height: 35px; width: 152px;
  197. border: 6px double #96682f; background-color: #f5e4cb; border-radius: 10px; margin-left: 10px; margin-bottom: 5px;">
  198.  
  199.  
  200. <!-- Link 3 -->
  201. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  202. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  203.  
  204. <!-- the actual link, put it in the "" -->
  205. <a href="">
  206.  
  207. <center><span style="font-family: georgia,palatino; font-size: 11px;">
  208. <!-- Link text -->
  209. <span style="color: #96682f;">Link</span></strong></span></center></a>
  210. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  211. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  212. </div>
  213.  
  214. <div style="height: 35px; width: 152px;
  215. border: 6px double #96682f; background-color: #f5e4cb; border-radius: 10px; margin-left: 10px; margin-bottom: 5px;">
  216.  
  217.  
  218. <!-- Link 4 -->
  219. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  220. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  221.  
  222. <!-- the actual link, put it in the "" -->
  223. <a href="">
  224.  
  225. <center><span style="font-family: georgia,palatino; font-size: 11px;">
  226. <!-- Link text -->
  227. <span style="color: #96682f;">Link</span></strong></span></center></a>
  228. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  229. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  230. </div>
  231.  
  232. <!-- STAMPS!! STAMPS!! you can find stamps online on many sites and carrds, there's many toyhou.se resource posts sharing those sites <3 -->
  233. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  234. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  235.  
  236. <!-- stamp 1 -->
  237. <center><img src="https://64.media.tumblr.com/504ab54c60044f323008b9d3daa997bc/ccd1c3f0cb2c4f67-80/s100x200/24ed9eae8029d6dff66051e2c7fe22e918708737.pnj" style="margin-top: 5px;">
  238. <!-- stamp 2 -->
  239. <img src="https://64.media.tumblr.com/504ab54c60044f323008b9d3daa997bc/ccd1c3f0cb2c4f67-80/s100x200/24ed9eae8029d6dff66051e2c7fe22e918708737.pnj" style="margin-top: 5px;">
  240. </center>
  241. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  242. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  243.  
  244. <center>
  245. <div style="margin-top: 10px;">
  246. <a href="https://toyhou.se/Roskakala">
  247. <i class="fa-solid fa-code" style="color:#96682f;"></i>
  248. </a></div></center>
  249. </div>
  250.  
  251.  
  252. <div style="height: 530px; width: 370px; margin-left: 290px; margin-top: 70px;
  253. padding: 8px; border: 8px double #96682f; background-color: #ebd0a9; overflow: visible;
  254. box-shadow: 3px 3px 30px rgba(64, 21, 0,0.8); border-radius: 50px;">
  255.  
  256.  
  257.  
  258.  
  259. </div>
  260.  
  261.  
  262.  
  263.  
  264. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!