API tools faq
paste
t3ch13-c0l0rs

pumpkin pie

t3ch13-c0l0rs
Nov 26th, 2021
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.31 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. remember how i said i wasnt gonna make a code this month? yeah i lied
  4. anyways new code, character i used to fill this out is https://toyhou.se/13668703.mage
  5. i absolutely BULLIED the font weight style herelol im just having fun!!!!! yea!!!!!!
  6. i tried out sticky dividers! i find that i HATE when they're on the side of the code but they r a ok when theyre on top
  7.  
  8. font-awesome icon: #ff0000
  9. text/hrs: #fff
  10. stats bg color: #15111a
  11. trivia moodboard bg color: #0e0a14
  12. ribbons used: https://toyhou.se/4739396.-ribbons
  13.  
  14. -->
  15.  
  16. <div class="col-md-10 col-sm-12 mx-auto">
  17.  
  18. <!-- this is the header star-->
  19.  
  20. <div class="col-md-5 p-0 mx-auto">
  21.  
  22. <!-- change the background image by getting rid of https://c.tenor.com/YSrfVbQPHK8AAAAC/glitter-aesthetic.gif! if you dont want an image, get rid of background-image: url(https://c.tenor.com/YSrfVbQPHK8AAAAC/glitter-aesthetic.gif); and replace it with background-color: #colour -->
  23. <div class="col-12 p-3 bg-faded" style="background-image: url(https://c.tenor.com/YSrfVbQPHK8AAAAC/glitter-aesthetic.gif); background-position: center; text-transform: uppercase; font-weight: 200; font-size: 20px">
  24.  
  25. <p>
  26.  
  27. <!-- this is the fontawesome icon loooool -->
  28. <i class="fad fa-star" style="color: #ff0000"></i>
  29. <!-- the ocs name! -->
  30. <em style="color: #fff">MAGE BIYORI</em>
  31. </p>
  32.  
  33. </div>
  34.  
  35. <div class="row no-gutters">
  36.  
  37. <div class="col-md-5 col-sm-12 p-2" style="font-weight: 200; font-size: 13px; max-height: 210px; overflow: scroll; background-color: #15111a; color: #fff">
  38.  
  39. <div class="justify-content-between">
  40.  
  41. <span>name</span>
  42.  
  43. <!-- name again ^_^ -->
  44. <span>MAGE BIYORI</span>
  45.  
  46. </div>
  47.  
  48. <hr style="border-style: dashed; background-color: #fff">
  49.  
  50. <!-- -->
  51.  
  52. <div class="justify-content-between">
  53.  
  54. <span>gender</span>
  55.  
  56. <!-- gendah.. -->
  57. <span>non-binary</span>
  58.  
  59. </div>
  60.  
  61. <hr style="border-style: dashed; background-color: #fff">
  62.  
  63. <!-- -->
  64.  
  65. <div class="justify-content-between">
  66.  
  67. <span>pronouns</span>
  68.  
  69. <!-- da pro nouns! -->
  70. <span>none</span>
  71.  
  72. </div>
  73.  
  74. <hr style="border-style: dashed; background-color: #fff">
  75.  
  76. <!-- -->
  77.  
  78. <div class="justify-content-between">
  79.  
  80. <span>age</span>
  81.  
  82. <!-- da age -->
  83. <span>~19</span>
  84.  
  85. </div>
  86.  
  87. <hr style="border-style: dashed; background-color: #fff">
  88.  
  89. <!-- -->
  90.  
  91. <div class="justify-content-between">
  92.  
  93. <span>species</span>
  94.  
  95. <!-- da species! -->
  96. <span>cat/dog thing</span>
  97.  
  98. </div>
  99.  
  100. <!-- remember that these do not have to be how i put them! they can be anything u want then 2 b -->
  101.  
  102. <hr style="border-style: dashed; background-color: #fff">
  103.  
  104. <!-- ribbons -->
  105.  
  106. <div class="justify-content-between">
  107.  
  108. <!-- ribbon 1! change "sourced in circuitry to whateva u want the ribbon title to be, and change https://file.toyhou.se/images/15992043_TSisoofFDyOcfO3.png to whatever ribbon u want it to be! -->
  109. <span data-toggle="tooltip" title="Sourced in Circuitry" data-original-title="Sourced in Circuitry">
  110. <img data-toggle="tooltip" title="Sourced in Circuitry" data-original-title="Sourced in Circuitry" src="https://file.toyhou.se/images/15992043_TSisoofFDyOcfO3.png">
  111. </span>
  112.  
  113. <!-- ribbon 2! same as b4 -->
  114. <span data-toggle="tooltip" title="Nonbinary" data-original-title="Nonbinary">
  115. <img data-toggle="tooltip" title="Nonbinary" data-original-title="Nonbinary" src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/16755605_GGd.png?1569131982">
  116. </span>
  117.  
  118. <!-- ribbon 3! -->
  119. <span data-toggle="tooltip" title="Cringe Culture is Dead" data-original-title="Cringe Culture is Dead">
  120. <img data-toggle="tooltip" title="Cringe Culture is Dead" data-original-title="Cringe Culture is Dead" src="https://f2.toyhou.se/file/f2-toyhou-se/images/24935027_yg1FcbBJJhjIRcb.png">
  121. </span>
  122.  
  123. </div>
  124.  
  125.  
  126.  
  127.  
  128. <!-- end of stats -->
  129.  
  130. </div>
  131.  
  132.  
  133.  
  134. <div class="col-md-7 col-sm-12 p-1 overflow-auto" style="background-color: #0e0a14; border: solid 1px #1c0145; max-height: 210px">
  135.  
  136. <div class="col-md-12 mb-2" style="text-align: center; font-size: 20px; font-weight: 200; letter-spacing: .7px; background-color: black; box-shadow: 0px 0px 5px #31007a; position: sticky; top: 0; color: #fff">
  137.  
  138. TRIVIA
  139.  
  140. </div>
  141.  
  142. <!-- inside the <li></li>, put your trivia! -->
  143.  
  144. <ul style="color: #fff">
  145. <li>sibling of nyan</li>
  146. <li>was mage born with these patterns? IDK!</li>
  147. <li>has a rather normal life, in college in envyrl</li>
  148. <li>loves to have fun and poke fun at nyan jokingly</li>
  149. <li>adores speedcore!</li>
  150. </ul>
  151.  
  152. <div class="col-md-12 mb-2" style="text-align: center; font-size: 20px; font-weight: 200; letter-spacing: .7px; background-color: black; box-shadow: 0px 0px 5px #31007a; position: sticky; top: 0; color: #fff">
  153.  
  154. MOODBOARD
  155.  
  156. </div>
  157.  
  158. <!-- reeeeplace https://data.whicdn.com/images/332041594/original.jpg with ur img url -->
  159.  
  160. <div class="h-75 w-100 mx-auto" style="background-image: url(https://data.whicdn.com/images/332041594/original.jpg); background-position: center; background-size: cover"></div>
  161.  
  162. <!-- replace https://i.pinimg.com/originals/df/f7/e5/dff7e5567cd9c96579df13a7e93629a9.png with ur img url -->
  163.  
  164. <div class="h-75 w-100 mx-auto" style="background-image: url(https://i.pinimg.com/originals/df/f7/e5/dff7e5567cd9c96579df13a7e93629a9.png); background-position: center; background-size: cover"></div>
  165.  
  166. <!-- replace https://images.unsplash.com/photo-1532767153582-b1a0e5145009?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8bW9vbiUyMGFlc3RoZXRpY3xlbnwwfHwwfHw%3D&w=1000&q=80 with ur img url -->
  167.  
  168. <div class="h-75 w-100 mx-auto" style="background-image: url(https://images.unsplash.com/photo-1532767153582-b1a0e5145009?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8bW9vbiUyMGFlc3RoZXRpY3xlbnwwfHwwfHw%3D&w=1000&q=80); background-position: top center; background-size: cover"></div>
  169.  
  170. <!-- replace https://i.pinimg.com/736x/45/81/8c/45818c4defa5fda91e2916ab8d007ab6.jpg with ur img url, and remember, dont forget to credit your sources! -->
  171.  
  172. <div class="h-75 w-100 mx-auto" style="background-image: url(https://i.pinimg.com/736x/45/81/8c/45818c4defa5fda91e2916ab8d007ab6.jpg); background-position: center; background-size: cover"></div>
  173.  
  174. <!-- if you want to add more images, copy and paste this code after this line but before that </div> you see:
  175. <div class="h-75 w-100 mx-auto" style="background-image: url(yourimgurl.png); background-position: center; background-size: cover"></div>
  176. -->
  177.  
  178. </div>
  179.  
  180. </div>
  181.  
  182. <div class="col-6 p-1">
  183.  
  184. <!-- the credits! dont remove them please -->
  185.  
  186. <a href="/micro-wave" data-toggle="tooltip" title="code by micro-wave" data-original-title="code by micro-wave">
  187.  
  188. <i class="fas fa-user-cowboy"></i>
  189.  
  190. </a>
  191.  
  192. <a href="https://tenor.com/view/glitter-aesthetic-sparkly-cute-gif-18116872" data-toggle="tooltip" title="banner by user" data-original-title="banner by user">
  193.  
  194. <i class="fas fa-rectangle-wide"></i>
  195.  
  196. </a>
  197.  
  198. <a href="https://weheartit.com/entry/332041594" data-toggle="tooltip" title="moodboard img 1 by killvv" data-original-title="moodboard img 1 by killvv">
  199.  
  200. <i class="fas fa-image"></i>
  201.  
  202. </a>
  203.  
  204. <a href="https://www.pinterest.com/pin/835347430864177291/" data-toggle="tooltip" title="moodboard img 2 found on pinterest" data-original-title="moodboard img 2 found on pinterest">
  205.  
  206. <i class="fas fa-image"></i>
  207.  
  208. </a>
  209.  
  210. <a href="https://unsplash.com/photos/LluELtL5mK4" data-toggle="tooltip" title="moodboard img 3 by adinc" data-original-title="moodboard img 3 by adinc">
  211.  
  212. <i class="fas fa-image"></i>
  213.  
  214. </a>
  215.  
  216. <a href="https://www.pinterest.com/pin/317714948718951637/" data-toggle="tooltip" title="moodboard img 4 found on pinterest" data-original-title="moodboard img 4 found on pinterest">
  217.  
  218. <i class="fas fa-image"></i>
  219.  
  220. </a>
  221.  
  222. </div>
  223.  
  224. </div>
  225.  
  226. <!-- aaaaaand done! -->
  227.  
  228. </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!