HTML Code


Authors
AmethystAndAnkh
Published
2 years, 6 months ago
Stats
365

The HTML code for my base character template. Used (and modified to fit) in all my HTML/CSS work. Questions and help requests gladly taken. (Click the blue title text "HTML Code" to open the file and see the code to copy and paste.)

Theme Lighter Light Dark Darker Reset
Text Serif Sans Serif Reset
Text Size Reset
Author's Notes

Just copy and paste this entire block of text into your character's profile and modify any text to suit your needs. To do that, create the character, then under Manage Character in the left hand navigation, select Edit Profile. From there, paste this into the HTML window, and then click Update Character down at the bottom.

Advice: Have the character's profile page open in one tab and the Edit Profile page in another tab and simply refresh the main profile every time you edit and update the character to ensure the changes you make look how you want.

<div class="container-fluid">
  <div class="row">
    <div class="colmarg col-md-6">
      <div class="h-100 box">
        [Picture]
      </div>
    </div>
    <div class="colmarg col-md-6">
      <div class="h-100 box">
        Name
        Alias / Nickname
        Gender
        Sexuality / Orientation
        Height & Weight
        Location/Home/etc
        Job/Status
      </div>
    </div>
  </div>
  <div class="row">
    <div class="colmarg col-md-4">
      <div class="h-100 box">
        Likes / Dislikes
        Strengths / Flaws
      </div>
    </div>
    <div class="colmarg col-md-4">
      <div class="h-100 box">
        Relationships
        Quotes
        Song
    </div>
    </div>
    <div class="colmarg col-md-4">
      <div class="h-100 box">
        Creator
        Price Value
        Availability
      </div>
    </div>
  </div>
  <div class="row">
    <div class="colmarg col-md-12">
      <div class="h-100 box">
      Bio
     
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
       
        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
      </div>
    </div>
  </div>
</div>