Advertisement
Elxyie

[TH] Elxy oc profile

Mar 2nd, 2020
203
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.92 KB | None | 0 0
  1. <!--
  2.  
  3.  Credit: vom | vomcodesstuff | vomwastaken
  4.  
  5.  Info:
  6.    - Pls don't take out my credit, I made it as small
  7.      and as unobtrusive as possible.
  8.    - Have fun!!!
  9.  
  10. -->
  11. <div class="fixed-bottom p-2" style="right:0;left:inherit;">
  12.   <a class="btn" style="font-size:12px;" href="https://toyhou.se/3614196.-f2u-html-tidbits/3614551.001-character-background">
  13.     <i class="fal fa-code"></i>
  14.   </a>
  15. </div>
  16. <!-- ------------------------------
  17.  
  18.      Main Background Change
  19.  
  20. ------------------------------- -->
  21. <div style="position:absolute;top:0;bottom:0;left:0;
  22.  background:#f4c9ca url('https://i.imgur.com/FPwjOXH.png') fixed center;
  23. width:100%;z-index:-1;"></div>
  24. <!-- ------------------------------
  25.  
  26. <!--
  27.  
  28. PINK #f4c9ca
  29. DARK SALMON #ed9aa3
  30. OFF WHITE #fbfbfb
  31.  
  32. -->
  33.  
  34. <!--You can change background pattern here. I suggest you to visit Colour Lovers. You can create pattern with your own palette.-->
  35.   <div style="width: 830px;margin: 0 auto;background-image: url('');padding: 40px;">
  36.     <table style="border:0; background: transparent;border-collapse: collapse;background-color:#fbfbfb; border-width:3px; border-style:double; border-color:#f4c9ca; position:relative;">
  37.       <tr>
  38.         <td style="padding: 20px 0;width: 30%;vertical-align: top;background-color:#f4c9ca;text-align:center;">
  39.          
  40.           <!--Little image above basics. Will be automatically resized-->
  41.           <div style="width: 70%; margin: auto;">
  42.             <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/2692744?1582000353" style="padding-top:3px; padding-bottom:3px; padding-right:3px; padding-left:3px; border-width:1px;border-style:solid; border-color:#fbfbfb;" >
  43.           </div>
  44.          
  45.          
  46.           <!--BASICS
  47.  
  48.          A "basics" item starts at <div> and ends at </div>-->
  49.           <div style="width:70%;margin:15px auto 2px;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding:4px 0;font-weight: bold;color: #ed9aa3;letter-spacing: 1px;line-height: 11px;" >
  50.             gender
  51.             <br />
  52.             <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  53.               female
  54.             </span>
  55.           </div>
  56.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #ed9aa3;letter-spacing: 1px;line-height: 11px;" >
  57.             birthday
  58.             <br />
  59.             <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  60.               oct 5th
  61.             </span>
  62.           </div>
  63.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #ed9aa3;letter-spacing: 1px;line-height: 11px;" >
  64.             age
  65.             <br />
  66.             <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  67.               21
  68.             </span>
  69.           </div>
  70.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #ed9aa3;letter-spacing: 1px;line-height: 11px;" >
  71.             species
  72.             <br />
  73.             <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  74.               cat kemonomimi
  75.             </span>
  76.           </div>
  77.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #ed9aa3;letter-spacing: 1px;line-height: 11px;" >
  78.             orientation
  79.             <br />
  80.             <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  81.               hetero
  82.             </span>
  83.           </div>
  84.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #ed9aa3;letter-spacing: 1px;line-height: 11px;" >
  85.             status
  86.             <br />
  87.             <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  88.               taken
  89.             </span>
  90.           </div>
  91.          
  92.           <!--END OF BASICS-->
  93.          
  94.          
  95.         </td>
  96.         <td style="padding: 0;width: 100%;">
  97.           <div style="padding:20px 30px;height:100%;text-align:center;" >
  98.              
  99.               <!--TEXT GOES HERE-->
  100.               <!--You can use <p> to create paragraphs or you can use <br> to create a line break-->
  101.               <span style="font-size:20px;font-weight: bold;color: #ed9aa3;">♡  𝐄 𝐥 𝐱 𝐲  ♡</span>
  102.               <br><br>
  103.                   <li class="nav-item"><a class="nav-link" style="font-size:12px; background:#f4c9ca; height:30px;"><strong>cheerful  |  cheeky  |  playful  |  affectionate  |  shy at first</strong></a></li></ul>
  104.                   <br>
  105.               <p style="font-size:12px; color: #444;">
  106.                   Elxy loves all sweet things especially boba and cotton candy!
  107.               <br>She loves ribbons, bows, frills and all things pink.
  108.               <br>She's also obsessed with stars, moons and the galaxy!
  109.               <br>
  110.               <br>She's shy at first, but the sweetest once you get to know her. Always cheerful and optimistic, everyone says she's the moodmaker. Hence her being very good with people and easy to get along with.
  111.               <br>
  112.               <br>Elxy has a pet kitty named Byeol which means 'Star' in Korean!
  113.               <br>Byeol wears a star ribbon collar and has stars adorned on her tail ♡
  114.               <br>
  115.               </p>
  116.               <p style="font-size:10px; font-weight: bold; text-transform: uppercase; color: #ed9aa3;">
  117.               never for sale/trade/gift etc.
  118.               <br><img src="https://i.imgur.com/0VmjJJ5.gif"/>
  119.               </p>
  120.               <!--END OF TEXT-->
  121.              
  122.             </div>
  123.           </td>
  124.         </tr>
  125.     </table>
  126.    
  127.     <!--LIKES AND DISLIKES-->
  128.     <table style="width:750px;background-color:#fbfbfb;border:3px double #f4c9ca;border-collapse: collapse; margin-top: 20px;">
  129.       <tr>
  130.         <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; font-size: 12px; color: #444;">
  131.           <h2 style="margin: 0;text-transform: uppercase;color: #ed9aa3;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
  132.             Likes
  133.           </h2>
  134.           <!--Use <br> to create line breaks in your lists-->
  135.           <br>
  136.           ♡  taro boba (milk tea)
  137.           <br>
  138.           ♡  stars, moon, the galaxy
  139.           <br>
  140.           ♡  decora stickers
  141.           <br>
  142.           ♡  ribbons and bows
  143.           <br>
  144.           ♡  her pet kitty byeol
  145.         </td>
  146.         <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; font-size: 12px; color: #444;">
  147.           <h2 style="margin: 0;text-transform: uppercase;color: #ed9aa3;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
  148.             Dislikes
  149.           </h2>
  150.           <br>
  151.           ✕  artificial flavoring
  152.           <br>
  153.           ✕  bees and roaches
  154.           <br>
  155.           ✕  sad and depressing music
  156.           <br>
  157.           ✕  extreme heat or cold
  158.           <br>
  159.           ✕  waking up early
  160.         </td>
  161.       </tr>
  162.     </table>
  163.     <!--END OF LIKES AND DISLIKES-->
  164.    
  165.      <!--APPEARANCE-->
  166.     <table style="width:750px; background-color:#fbfbfb; border:3px double #f4c9ca; border-collapse: collapse; margin-top: 20px;">
  167.       <tr>
  168.         <td style="padding: 10px 20px 20px;width: 70%;vertical-align: top;text-align:justify; color: #444;">
  169.           <h2 style="margin: 0;text-transform: uppercase;color: #ed9aa3; font-size: 14px;font-weight: bold;letter-spacing: 1px;">
  170.             <img src="https://i.imgur.com/KNsP09l.gif" class="pull-right">Appearance
  171.           </h2>
  172.           <br>
  173.          
  174.           <!--If you don't want a list, you can also just write text-->
  175.           <p style="font-size:12px;">
  176.             ✩  has small B sized bust
  177.             <br>
  178.             ✩  wears 5cm (2 inch) tall sandals
  179.             <br>
  180.             ✩  her fluffy hair is waist ~ butt length
  181.             <br>
  182.             ✩  tiny white stars and colorful stickers in her hair
  183.             <br>
  184.             ✩  cardigan is peachy beige with no patterns (sparkles optional)
  185.             <br>
  186.             ✩  colorful star stickers on her face are also optional
  187.           </p>
  188.         </td>
  189.         <!--END OF APPEARANCE-->
  190.  
  191.     <!--CREDITS-->
  192.     <div style="width: 750px;text-align: right; color:#666; font-size: 10px;">
  193.     Coding by @Awful
  194.     </div>
  195.     <!--END OF CREDITS-->
  196.    </div>
  197.   </div>
  198. <!--FANCY SPACE LAYOUT ENDS HERE-->
  199. <!-- END OF CUSTOM CONTENT -->  
  200. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement