Advertisement
spacialfries

Splat2 portrait mode

Oct 30th, 2019
507
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.87 KB | None | 0 0
  1. <div class="container col-xl-4 col-xs-12" style="display: table; width: color: #fff;">
  2.    <!--NAME ON THIS LINE-->
  3.    <div class="container card-header card-block border-0 h1 text-center" style="background-color: #000;color: #FFF;">Character's Name</div>
  4.    <div class="container card-footer card-block border-0" style="background-color: #EEEEEE;">
  5.      <!--This will recolour the template to your character's ink colour. Replace "#EEEEEE" with your colour above.-->
  6.      <div class="text-center row-centered">
  7.        <!--Headgear-->
  8.        <img src="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/8/82/S2_Gear_Headgear_White_Headband.png/128px-S2_Gear_Headgear_White_Headband.png" style="width: 90px;">
  9.        <!--Clothing-->
  10.        <img src="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/1/1b/S2_Gear_Clothing_Basic_Tee.png/128px-S2_Gear_Clothing_Basic_Tee.png" style="width: 90px;">
  11.        <!--Shoes-->
  12.        <img src="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/1/1c/S2_Gear_Shoes_Cream_Basics.png/128px-S2_Gear_Shoes_Cream_Basics.png" style="width: 90px;">
  13.        <!--Gear icons can be found on Inkipedia. Right click the icon picture and select "copy image address" to get the URL. Don't worry about which one you're getting, if it's too big it'll be resized.-->
  14.      </div>
  15.      <br>
  16.      <!--Place your character's ink colour name and hexcode below.-->
  17.      <center><div class="card col-6 text-center border-0 p-1" style="background: #000; color: #FFF; display: flex;"><p><b>Ink colour:</b><br>Colour Name<br>#FFFFFF</p></div></center>
  18.      
  19.      <!--Replace #FFFFFF with your colour above. For ingame ink colours, you can check Inkipedia. Right click the coloured square and select "Inspect". There will be a hexcode in the highlighted section of text on the sidebar, near the end.-->
  20.      
  21.      <!--Character Image. A square image looks best. Images larger than 200px will be automatically resized.-->
  22.      <center><img src="https://via.placeholder.com/200?text=PLACEHOLDER"class="text-center rounded m-3" style="border-radius: 25px; border-style: solid; border-color: #fff; background-color: #fff; max-height: 200px; max-width: 200px;"></center>
  23.      <div class="container card card-block text-center border-0" style="background-color: #000;color: #FFF;">
  24.        
  25.        <p>
  26.          <b>species | age | pronouns | sexuality</b><br>
  27.          Insert character description here.
  28.        </p>
  29.        
  30.      </div>
  31.      <br><center><div class="row-centered text-center"><p class="text-center">
  32.        <a href="https://toyhou.se/4343851.splatoon-template-2-mf-" class="badge h1 mx-1 text-center border-0" style="background-color: #000;color: #FFF;">Template: Nightlustrous</a>
  33.        <a href="https://splatoonwiki.org/wiki/" class="badge h1 mx-1 text-center border-0" style="background-color: #000;color: #FFF;">Gear icons: Inkipedia</a></p>
  34.      </div></center>
  35.    </div>
  36. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement