API tools faq
paste
Advertisement
CrispinAsheYA

User's Pokemon [CUSTOM COLOURS]

CrispinAsheYA
Feb 15th, 2024
37
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.83 KB | Source Code | 0 0
raw download clone embed print report
  1. <!-- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17098747.03-terms-of-service --
  2.  
  3. Version: 1.0
  4.  
  5. Default Colours
  6. -Main Colour: #FF6867
  7. -Card Background: #F4B4AC
  8. -Even Lighter Background: #FFE1D6
  9. -Text White: #FFFFFF
  10. -Text Dark: #444444
  11. -Border Black: #000000
  12.  
  13. Scroll To The Bottom for every single "Find & Replace" Variable! Make sure you also include the square brackets when you highlight to Find & Replace!
  14. (Feel free to move to the top when you turn this into a personal template, I just keep it at the bottom for organisation.)
  15.  
  16. Thank you for reading!
  17. Crispin
  18.  
  19. -->
  20.  
  21. <!-- Image Background (OPTIONAL) -->
  22. <div class="card rounded-0 border-0" style="position:inherit; background-color:#FF6867; background-image:url([BACKGROUNDIMAGE]); background-attachment:fixed; background-size:auto; background-position:center;"><div style="position:absolute; top:0; bottom:0; left:0; width:100%; background:inherit; background-blend-mode:inherit; z-index:-1;"></div>
  23.  
  24. <!-- Start Header -->
  25. <div class="col-12 my-2 p-0" style="border:#000000 8px solid;">
  26. <div class="card rounded-0" style="background:url([IMAGEHEADER]); background-position:center; background-size:cover; border:none;"><p class="text-center display-4 m-1 p-3" style="color:#FFFFFF;background:rgba(0,0,0,0.7);">
  27. <span>
  28. <a href="https://toyhou.se/25824473.users-pokemon" data-toggle="tooltip" title="Code by: TomcatCodes / CrispinAsheYA"><span style="color:#FFFFFF;"><i class="fas fa-leaf-maple fa-flip-horizontal"></i></span></a>
  29. Trainer [YOURNAME]'s Faves
  30. <a href="https://toyhou.se/23767732.bulbapedia-team-f2u" data-toggle="tooltip" title="Inspired By: Ghostal"><span style="color:#FFFFFF;"><i class="fas fa-leaf-maple"></i></span></a>
  31. </span>
  32. </p></div>
  33. </div>
  34. <!-- End Header -->
  35.  
  36. <div class="mx-auto m-0 p-0">
  37.  
  38. <!-- Pure Colour Background -->
  39. <div class="w-100 p-5" style="background-color:#F4B4AC; border:#000000 8px solid;">
  40.  
  41. <!---------- START TRAINER ---------->
  42. <div class="justify-content-center">
  43. <div class="col-lg-6 col-12 py-2 px-2" style="background-color:#FFE1D6; border:#000000 8px solid;">
  44. <div class="col-12 row no-gutters h-100 m-0 p-0 rounded-0">
  45. <!--- START LEFT --->
  46. <div class="col-lg-6 col-12 justify-content-center row no-gutters p-3">
  47. <div class="m-2 p-4" style="height:150px; width:150px; background-color:#FFFFFF;">
  48. <img src="[IMAGETRAINER]" style="width:150px; height:150px;">
  49. </div>
  50. </div>
  51. <!--- END LEFT --->
  52.  
  53. <!--- START RIGHT --->
  54. <div class="col-lg-6 col-12 text-center p-3" style="color:#444444; font-size:1.5rem;">
  55. <p>[TEXTTRAINERCLASS]<br>
  56. <b class="text-uppercase">[TEXTNAME]</b><br>
  57. <b>[TEXTTOWN]</b><br> WIP A SECOND
  58. [TEXTREGION]</p>
  59. </div>
  60. <!--- END RIGHT --->
  61. </div>
  62.  
  63. </div>
  64. </div>
  65. <!---------- END TRAINER ---------->
  66.  
  67. <!---------- START POKEMON GROUP ---------->
  68. <div class="col-12 row no-gutters my-3 p-0 h-100">
  69.  
  70. <!----- START SPECIFIC POKEMON ----->
  71. <div class="col-lg-4 col-12 py-2 px-2">
  72. <div class="col-12 row no-gutters h-100 m-0 p-0 rounded-0" style="background-color:#A7DB8D; border:#000000 8px solid;">
  73.  
  74. <!--- START LEFT --->
  75. <div class="col-lg-6 col-12 justify-content-center row no-gutters p-3" style="height:200px;">
  76. <div class="m-2" style="height:120px; width:120px; background-color:#FFFFFF;">
  77. <img src="[IMAGEPOKEMON]" style="width:120px; height:120px;">
  78. </div>
  79. <p class="px-2" style="text-align:center; width:120px; color:#444444; background-color:#FFFFFF;">[TEXTPOKEMONNAME] <span style="color:#E03838;">♀</span> Lv.100</p>
  80. </div>
  81. <!--- END LEFT --->
  82.  
  83. <!--- START RIGHT --->
  84. <div class="col-lg-6 col-12 text-center p-3" style="height:200px; color:#444444;">
  85. <div>Type:</div>
  86. <div class="row justify-content-center">
  87. <div class="mx-1 p-1" style="color:#FFFFFF; font-size:85%; line-height:12px; background:#78C850; border-radius:2px;"><b>Grass</b></div>
  88. <div class="mx-1 p-1" style="color:#FFFFFF; font-size:85%; line-height:12px; background:#78C850; border-radius:2px;"><b>Grass</b></div>
  89. </div>
  90. <p>Ability:<br><b>[TEXTABILITY]</b></p>
  91. <p>Held item:<br>
  92. <img src="[IMAGEITEM]" style="height:20px; width:20px;"> <b>[TEXTITEM]</b></p>
  93. </div>
  94. <!--- END RIGHT --->
  95.  
  96. <!--- START MOVES --->
  97. <div class="col-12 row no-gutters m-0 p-2" style="background-color:#FFFFFF;">
  98.  
  99. <div class="col-lg-6 col-12 border-0 rounded-0 p-3" style="background-color:#A13959;">
  100. <div class="p-2 text-center" style="color:#444444; font-size:1rem; background-color:#FFFFFF;">[TEXTMOVE]</div>
  101. <div class="row no-gutters">
  102. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#F85888;">[TEXTTYPE]</div>
  103. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#4F5870;">[TEXTPHYSICAL/SPECIAL/STATUS]</div>
  104. </div>
  105. </div>
  106.  
  107. <div class="col-lg-6 col-12 border-0 rounded-0 p-3" style="background-color:#A13959;">
  108. <div class="p-2 text-center" style="color:#444444; font-size:1rem; background-color:#FFFFFF;">[TEXTMOVE]</div>
  109. <div class="row no-gutters">
  110. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#F85888;">[TEXTTYPE]</div>
  111. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#4F5870;">[TEXTPHYSICAL/SPECIAL/STATUS]</div>
  112. </div>
  113. </div>
  114.  
  115. <div class="col-lg-6 col-12 border-0 rounded-0 p-3" style="background-color:#A13959;">
  116. <div class="p-2 text-center" style="color:#444444; font-size:1rem; background-color:#FFFFFF;">[TEXTMOVE]</div>
  117. <div class="row no-gutters">
  118. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#F85888;">[TEXTTYPE]</div>
  119. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#4F5870;">[TEXTPHYSICAL/SPECIAL/STATUS]</div>
  120. </div>
  121. </div>
  122.  
  123. <div class="col-lg-6 col-12 border-0 rounded-0 p-3" style="background-color:#A13959;">
  124. <div class="p-2 text-center" style="color:#444444; font-size:1rem; background-color:#FFFFFF;">[TEXTMOVE]</div>
  125. <div class="row no-gutters">
  126. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#F85888;">[TEXTTYPE]</div>
  127. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#4F5870;">[TEXTPHYSICAL/SPECIAL/STATUS]</div>
  128. </div>
  129. </div>
  130.  
  131. </div>
  132. <!--- END MOVES --->
  133.  
  134. </div>
  135. </div>
  136. <!----- END SPECIFIC POKEMON ----->
  137.  
  138. <!----- START SPECIFIC POKEMON ----->
  139. <div class="col-lg-4 col-12 col-12 py-2 px-2">
  140. <div class="col-12 row no-gutters h-100 m-0 p-0 rounded-0" style="background-color:#A7DB8D; border:#000000 8px solid;">
  141.  
  142. <!--- START LEFT --->
  143. <div class="col-lg-6 col-12 justify-content-center row no-gutters p-3" style="height:200px;">
  144. <div class="m-2" style="height:120px; width:120px; background-color:#FFFFFF;">
  145. <img src="[IMAGEPOKEMON]" style="width:120px; height:120px;">
  146. </div>
  147. <p class="px-2" style="text-align:center; width:120px; color:#444444; background-color:#FFFFFF;">[TEXTPOKEMONNAME] <span style="color:#E03838;">♀</span> Lv.100</p>
  148. </div>
  149. <!--- END LEFT --->
  150.  
  151. <!--- START RIGHT --->
  152. <div class="col-lg-6 col-12 text-center p-3" style="height:200px; color:#444444;">
  153. <div>Type:</div>
  154. <div class="row justify-content-center">
  155. <div class="mx-1 p-1" style="color:#FFFFFF; font-size:85%; line-height:12px; background:#78C850; border-radius:2px;"><b>Grass</b></div>
  156. <div class="mx-1 p-1" style="color:#FFFFFF; font-size:85%; line-height:12px; background:#78C850; border-radius:2px;"><b>Grass</b></div>
  157. </div>
  158. <p>Ability:<br><b>[TEXTABILITY]</b></p>
  159. <p>Held item:<br>
  160. <img src="[IMAGEITEM]" style="height:20px; width:20px;"> <b>[TEXTITEM]</b></p>
  161. </div>
  162. <!--- END RIGHT --->
  163.  
  164. <!--- START MOVES --->
  165. <div class="col-12 row no-gutters m-0 p-2" style="background-color:#FFFFFF;">
  166.  
  167. <div class="col-lg-6 col-12 border-0 rounded-0 p-3" style="background-color:#A13959;">
  168. <div class="p-2 text-center" style="color:#444444; font-size:1rem; background-color:#FFFFFF;">[TEXTMOVE]</div>
  169. <div class="row no-gutters">
  170. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#F85888;">[TEXTTYPE]</div>
  171. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#4F5870;">[TEXTPHYSICAL/SPECIAL/STATUS]</div>
  172. </div>
  173. </div>
  174.  
  175. <div class="col-lg-6 col-12 border-0 rounded-0 p-3" style="background-color:#A13959;">
  176. <div class="p-2 text-center" style="color:#444444; font-size:1rem; background-color:#FFFFFF;">[TEXTMOVE]</div>
  177. <div class="row no-gutters">
  178. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#F85888;">[TEXTTYPE]</div>
  179. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#4F5870;">[TEXTPHYSICAL/SPECIAL/STATUS]</div>
  180. </div>
  181. </div>
  182.  
  183. <div class="col-lg-6 col-12 border-0 rounded-0 p-3" style="background-color:#A13959;">
  184. <div class="p-2 text-center" style="color:#444444; font-size:1rem; background-color:#FFFFFF;">[TEXTMOVE]</div>
  185. <div class="row no-gutters">
  186. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#F85888;">[TEXTTYPE]</div>
  187. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#4F5870;">[TEXTPHYSICAL/SPECIAL/STATUS]</div>
  188. </div>
  189. </div>
  190.  
  191. <div class="col-lg-6 col-12 border-0 rounded-0 p-3" style="background-color:#A13959;">
  192. <div class="p-2 text-center" style="color:#444444; font-size:1rem; background-color:#FFFFFF;">[TEXTMOVE]</div>
  193. <div class="row no-gutters">
  194. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#F85888;">[TEXTTYPE]</div>
  195. <div class="col-lg-6 col-12 p-2 text-center" style="color:#FFFFFF; font-size:0.6rem; background-color:#4F5870;">[TEXTPHYSICAL/SPECIAL/STATUS]</div>
  196. </div>
  197. </div>
  198.  
  199. </div>
  200. <!--- END MOVES --->
  201.  
  202. </div>
  203. </div>
  204. <!----- END SPECIFIC POKEMON ----->
  205.  
  206. </div>
  207. <!---------- END POKEMON GROUP ---------->
  208.  
  209. </div>
  210.  
  211. </div>
  212.  
  213. <!-- Start Footer -->
  214. <div class="col-12 py-3 my-3 text-center" style="background-color:#FF6867; border:#000000 8px solid;">
  215. <a href="[IMAGEHEADER]" data-toggle="tooltip" title="Header Background Image" style="color:#FFFFFF;font-size:1.4rem;"><i class="fas fa-leaf-maple fa-flip-horizontal"></i></a>
  216. <a href="https://toyhou.se/23767732.bulbapedia-team-f2u/23767740.hex-codes-resource" data-toggle="tooltip" title="PKMN Colour Resource By: Ghostal" style="color:#FFFFFF;font-size:1.4rem;"><i class="fas fa-leaf-maple fa-flip-horizontal"></i></a>
  217. <a href="https://toyhou.se/23767732.bulbapedia-team-f2u" data-toggle="tooltip" title="Inspired By: Ghostal" style="color:#FFFFFF;font-size:1.4rem;"><i class="fas fa-campfire"></i></a>
  218. <a href="https://toyhou.se/25824473.users-pokemon" data-toggle="tooltip" title="Code by: TomcatCodes / CrispinAsheYA" style="color:#FFFFFF;font-size:1.4rem;"><i class="fas fa-campfire"></i></a>
  219. <a href="https://www.smogon.com/forums/threads/x-y-sprite-project.3486712/" data-toggle="tooltip" title="XY And Onward Sprites From Here" style="color:#FFFFFF;font-size:1.4rem;"><i class="fas fa-leaf-maple"></i></a>
  220. <a href="https://toyhou.se/16006417.overlay" data-toggle="tooltip" title="Header Code Frankensteined From: CuckooHoopoe" style="color:#FFFFFF;font-size:1.4rem;"><i class="fas fa-leaf-maple"></i></a>
  221. </div>
  222. <!-- End Footer -->
  223. </div>
  224.  
  225. <!--
  226. [BACKGROUNDIMAGE] | [IMAGEHEADER]
  227. [IMAGETRAINER] | [YOURNAME]
  228. [TEXTTRAINERCLASS] | [TEXTNAME] | [TEXTTOWN] | [TEXTREGION]
  229. [IMAGEPOKEMON] | [TEXTPOKEMONNAME] | Grass | [TEXTABILITY] | [IMAGEITEM] | [TEXTITEM]
  230. [TEXTMOVE] | [TEXTTYPE] | [TEXTPHYSICAL/SPECIAL/STATUS]
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!