Advertisement
spacialfries

UT para template

Aug 25th, 2019
651
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.49 KB | None | 0 0
  1. <!--
  2.  
  3. All URLs have been replaced with placeholder text so you can easily find what goes where.
  4.  
  5. To recolor the hearts found in the code, CHANGE the "#FFFFFF" in the 'style=color' section of each <i> code with whatever hexcode you want.
  6. To flip the hearts for a monster character, ADD "fa-flip-vertical" into the 'class' section.
  7.  
  8. Canon SOUL color codes for Undertale are:
  9. -Monsters(#FFFFFF)White
  10. -Determination(#FF0000)Red
  11. -Bravery(#FE9F40)Orange
  12. -Justice(#FEFE00)Yellow
  13. -Kindness(#008000)Green
  14. -Patience(#00FEFE)Cyan
  15. -Integrity(#0000FE)Blue
  16. -Perseverance(#800080)Purple
  17.  
  18. For the relationship section at the bottom:
  19. -Family(#FF3333)Red
  20. -Partners(#FF66CC)Pink
  21. -Friends(#66CC66)Green
  22. -Other(#999999)Gray
  23.  
  24. Here are 4 good sites to look for fonts for your skeleton characters (some fonts are free to download, others may require purchase):
  25. -https://www.dafont.com
  26. -https://www.fontsquirrel.com
  27. -https://fonts.google.com
  28. -https://www.1001fonts.com
  29.  
  30. -->
  31.  
  32. <div class="p-5 text-center" style="background-color: black; color: white; font-family: courier new; border-radius: 25px;">
  33.    <!-- FOR NAME -->
  34.    <h1 class="text-center" style="font-weight: bold;">Name</h1><br>
  35.    
  36.    <div class="container card card-block rounded-0 text-left" style="border:5px solid white; background-color: black; color: white; font-family: courier new; font-weight: bold;">
  37.      <span class="text-center">
  38.        <!-- FOR INFORMATION -->
  39.        SPECIES <i class="fas fa-heart" style="color: #FFFFFF"></i>
  40.        HEIGHT <i class="fas fa-heart" style="color: #FFFFFF"></i>
  41.        AGE
  42.        <br>
  43.        PRONOUNS <i class="fas fa-heart" style="color: #FFFFFF"></i>
  44.        ORIENTATION
  45.        <br>
  46.        OTHER INFO
  47.        <!--This Line is only for skeletons, delete this if you don't need it!--><i class="fas fa-heart" style="color: #FFFFFF"></i> <a href="link to font">FONT</a>
  48.      </span>
  49.      <hr class="mx-0" style="border-style: solid; border-color: white; border-width: 2px;"><!--This is a divider, please do not remove it.-->
  50.      <p>
  51.        <!-- FOR DESCRIPTION -->
  52.        * Character description goes here. Description can be as long or as short as you want it to be.
  53.      </p>
  54.      </div>
  55.    <!-- CREDIT - DO NOT REMOVE -->
  56.    <p><sub>template by <a href="https://toyhou.se/4812755.plain-undertale-char-or-user-">nightlustrous</a></sub></p>
  57.    <br>
  58.    <h1 class="text-center" style="font-weight: bold;">Links</h1>
  59.    <div class="btn-row text-center align-center" style="font-weight: bold;">
  60.      <!-- FOR LINKING RELATIONSHIPS -->
  61.      <!--Entries can be copied and pasted as many times as you want for more links. Use short descriptions.-->
  62.      <a class="btn mx-1 rounded-0" style="border:5px solid white; background: black; color: white;" href="Character">
  63.        <i class="fas fa-heart" style="color: #FF3333;"></i> <b>Name: Family.</b>
  64.      </a>
  65.      
  66.      <a class="btn mx-1 rounded-0" style="border:5px solid white; background: black; color: white;" href="Character">
  67.        <i class="fas fa-heart" style="color: #FF66CC;"></i> <b>Name: Dating.</b>
  68.      </a>
  69.      
  70.      <a class="btn mx-1 rounded-0" style="border:5px solid white; background: black; color: white;" href="Character">
  71.        <i class="fas fa-heart" style="color: #66CC66;"></i> <b>Name: Friend.</b>
  72.      </a>
  73.      
  74.      <a class="btn mx-1 rounded-0" style="border:5px solid white; background: black; color: white;" href="Character">
  75.        <i class="fas fa-heart" style="color: #999999;"></i> <b>Name: Other.</b>
  76.      </a>
  77.      
  78.    </div>
  79. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement