API tools faq
paste
t3ch13-c0l0rs

birthyay for urself

t3ch13-c0l0rs
Oct 12th, 2022 (edited)
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.88 KB | None | 0 0
raw download clone embed print report
  1. <!-- hi im hara :-) colors again!
  2. text: white or #fff
  3. bg: black or #000
  4. the 5 colors: #ff00b2, #ff9400, #ffe500, #8cff00, #00ffd8 (gradient + links in that order, you can add more or less colors if you want to just add another color to the end of #00ffd8 oh and dont forget the comma) -->
  5.  
  6. <div class="col-md-6 col-sm-12 mx-auto">
  7.  
  8. <!-- username there was something here b4 but u dont know what it was loser -->
  9. <div class="justify-content-between col-12 p-0 text-white" style="font-size: 20px; z-index: 1; margin-bottom: -20px;">
  10. <p style="font-style: italic; font-size: 25px; font-weight: 700; margin-bottom: 5px; margin-left: 5px; text-shadow: 1px 1px 0 #000,-1px -1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000;">USERNAME OR ACTUAL NAME</p>
  11. <!-- you can change this. fontawesome.com is where you get it, replace the fa with the fa-name of your icon. -->
  12. <i class="fas fa-star fa-beat-fade" style="margin-right: -10px; margin-top: 12px; "></i>
  13. </div>
  14.  
  15. <!-- that gradient i was talking about! you can add colors by putting a comma b4 the parenthesis and after the 8 in 00ffd8 and then the hex code. aka first hashtag bunch of numbers (& letters) did you know the & sign is called an an ampersand? that's pretty cool, but it also brings up the question of how to pronounce & by tally hall. is it ampersand by tally hall? -->
  16. <div class="col-12" style="background-image: linear-gradient(240deg, #ff00b2, #ff9400, #ffe500, #8cff00, #00ffd8); padding: 1px;">
  17.  
  18. <div class="col-12 p-1" style="border-radius:5px; background-color: #000; color: white; ">
  19. <!-- you can remove the all the borders by command+f-ing the "border-left: white 1px solid; border-right: white 1px solid" -->
  20. <div class="justify-content-between" style="border-left: white 1px solid; border-right: white 1px solid">
  21. <!-- PRONOUN ALERT! but also you can change the cat. fa-cat is the thing to change the icon, fa-flip-horizontal just makes it turn the other way. -->
  22. <p style="font-style: italic; margin-left: 5px; margin-top: 2px; margin-bottom: 0px">she/it
  23. <i class="fa-thin fa-cat fa-flip-horizontal"></i></p>
  24.  
  25.  
  26.  
  27. <!-- quote? something else? idk put what you want -->
  28. <p style="margin-top: 2px; margin-bottom: 0px; font-style: italic; margin-right: 5px">
  29. <i class="fa-thin fa-cat"></i>"quote"</p>
  30. </div>
  31.  
  32. <hr class="m-1" style="border-color: white">
  33.  
  34. <!-- u can change the fa-cat with the methods ive gave b4 -->
  35. <p style="text-align: center; margin-top: -18px; margin-bottom: 0">
  36. <i class="fas fa-cat rounded-circle ml-2" style="padding: 5px; background-color: black; color: white; border: 1px solid white"></i>
  37. </p>
  38.  
  39. <!-- paragraph -->
  40. <div class="mb-3" style="text-align: center; color: white; border-left: white 1px solid; border-right: white 1px solid">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</div>
  41.  
  42. <hr class="m-1" style="border-color: white">
  43.  
  44. <!-- u can change the fa-browser w the methods b4 -->
  45. <p style="text-align: center; margin-top: -18px; margin-bottom: 0px">
  46. <i class="fas fa-browser rounded-circle ml-2" style="padding: 5px; background-color: black; color: white; border: 1px solid white"></i>
  47. </p>
  48.  
  49. <!-- just a bunch of links. you can change these as well, but please note most are of the fab class (aka brands) and will need to be changed to fas for normal icons. -->
  50. <div class="justify-content-between mt-2 mb-4 pl-4 pr-4" style="border-left: solid 1px #fff; border-right: solid 1px #fff">
  51. <a href="twitter"><i class="fab fa-twitter fa-2x" style="color: #ff00b2;"></i></a>
  52. <a href="instagram"><i class="fab fa-instagram fa-2x" style="color: #ff9400"></i></a>
  53. <a href="da"><i class="fab fa-deviantart fa-2x" style="color: #ffe500"></i></a>
  54. <a href="idk misc"><i class="fas fa-paw fa-2x" style="color: #8cff00"></i></a>
  55. <a href="carrd"><i class="fas fa-id-card fa-2x" style="color: #00ffd8"></i></a>
  56. </div>
  57.  
  58. <hr class="m-1" style="border-color: white">
  59.  
  60. <!-- friends or ocs idc -->
  61. <p style="text-align: center; margin-top: -18px;">
  62. <i class="fas fa-heart rounded-circle ml-2" style="padding: 5px; background-color: black; color: white; border: 1px solid white"></i>
  63. </p>
  64.  
  65. <!-- change the profile picture by changing "https://f2.toyhou.se/file/f2-toyhou-se/users/admin?6?0" keep the parenthesis though. -->
  66. <div class="row no-gutters mt-2" style="border-left: white 1px solid; border-right: white 1px solid">
  67. <div class="col-4 mb-0 p-1" style="border-right: 1px solid black">
  68. <div class="p-1 rounded-circle" style="background-image: linear-gradient(#ff00b2, #ff9400, #ffe500, #8cff00, #00ffd8 )">
  69. <a href="/link_here">
  70. <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/admin?6?0" class="rounded-circle">
  71. </a>
  72. </div>
  73. <p class="mb-1" style="text-align: center; color: white">
  74. <a href="character name" target=_blank style="color: white">oc naem</a>
  75. </p>
  76.  
  77. </div>
  78. <div class="col-4 mb-0 p-1" style="border-right: 1px solid black">
  79. <div class="p-1 rounded-circle" style="background-image: linear-gradient(#ff00b2, #ff9400, #ffe500, #8cff00, #00ffd8 )">
  80. <a href="/link_here">
  81. <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/admin?6?0" class="rounded-circle">
  82. </a>
  83. </div>
  84. <p class="mb-1" style="text-align: center; color: white">
  85. <a href="character name" target=_blank style="color: white">or friend name</a>
  86. </p>
  87.  
  88. </div>
  89. <div class="col-4 mb-0 p-1" style="border-right: 1px solid black">
  90. <div class="p-1 rounded-circle" style="background-image: linear-gradient(#ff00b2, #ff9400, #ffe500, #8cff00, #00ffd8 )">
  91. <a href="/link_here">
  92. <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/admin?6?0" class="rounded-circle">
  93. </a>
  94. </div>
  95. <p class="mb-1" style="text-align: center; color: white">
  96. <a href="character name" target=_blank style="color: white">either works</a>
  97. </p>
  98.  
  99. </div>
  100. <!-- if you want to add more, do so above this line. heres the code you'll need:
  101. <div class="col-4 mb-0 p-1" style="border-right: 1px solid black">
  102. <div class="p-1 rounded-circle" style="background-image: linear-gradient(#ff00b2, #ff9400, #ffe500, #8cff00, #00ffd8 )">
  103. <a href="/link_here">
  104. <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/admin?6?0" class="rounded-circle">
  105. </a>
  106. </div>
  107. <p class="mb-1" style="text-align: center; color: white">
  108. <a href="character name" target=_blank style="color: white">either works</a>
  109. </p>
  110.  
  111. </div>
  112. -->
  113.  
  114. </div>
  115.  
  116. </div>
  117.  
  118. </div>
  119.  
  120.  
  121.  
  122. <!-- end but also credit. dont remove thx -->
  123.  
  124. <a href="/micro-wave" style="color: #00ffd8">
  125. <i class="fa-solid fa-microwave"></i>
  126. </a>
  127. </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!