User:Riptide

Hi. I'm Riptide! This is my page.

Character Page Template

Here's a snazzy character template you can use. And here's some examples of it in action: Ravenstongue Andelena

You need a hex code for the color you want to use for the header and footer bars, as well as the headings. You can get a hex code with many tools. Here's one you can use: https://htmlcolorcodes.com/color-picker/

<!-- HEADER BAR, replace #957d9b with the color of your choice -->
<div style="position:relative; top:0px; height: 50px; width: 875px; margin-left: auto; margin-right: auto; background-image: linear-gradient(to right, #957d9b, transparent);">
<p style="color: black; font-size: 220%; padding-left: 20px; font-weight: light; font-family: Constantia;">
<!-- CHARACTER NAME in header bar, replace with your character's name -->
Character Name
<!-- END OF CHARACTER NAME -->
</p></div>

<div style="width: 875px; margin-left: auto; margin-right: auto;">
<!-- HEADING TEXT, replace #957d9b with the color of your choice -->
<p style="color: #957d9b; font-size: 180%; font-weight: bold; font-family: Constantia;">''Physical Description''</p>

<!-- INFOBOX -->
{| width="300px" class="infobox" align="right" style="padding-left:20px; padding-bottom:5px;"
| colspan="3" | Character image goes here if you have one. Leave blank if you don't.
|-
| class="left" | '''Race:'''
| Your character's race here.
|-
| class="left" | '''Homeland:'''
| Your character's homeland here.
|-
| class="left" | '''Age:''' 
| Your character's age (I like to put a birthday too, according to the [[Local Calendar]])
|-
| class="left" | '''Occupation:''' 
| What your character does besides adventuring, if any? Adventurer is fine too.
|-
| class="left" | '''Class:''' 
| Your character's class(es) here.
|-
| class="left" | '''Faith:'''
| Your character's faith here.
|-
|}
<!-- END OF INFOBOX -->

<!-- PHYSICAL DESCRIPTION TEXT -->
This is your character's super awesome physical description. Replace this text with your own!

You can even make multiple paragraphs if you want. That's also super neat.

In fact, this template works best if you do. Otherwise that footer bar down at the bottom overlaps with the infobox and it looks weird.
<!-- END OF PHYSICAL DESCRIPTION TEXT -->

<!-- ROLEPLAY HOOKS HEADING TEXT, replace #957d9b with the color of your choice -->
<p style="color: #957d9b; font-size: 180%; font-weight: bold; font-family: Constantia;">''Roleplay Hooks''</p>
<!-- ROLEPLAY HOOKS -->
* '''Example Hook:''' Example hook text.
* '''Example Hook:''' Example hook text.
* '''Example Hook:''' Example hook text.
* '''Example Hook:''' Example hook text.
* '''Example Hook:''' Example hook text.
* '''Example Hook:''' Example hook text.
<!-- END OF ROLEPLAY HOOKS -->
</div>

<!-- BADGES go here if you want them -->
<div style="width: 775px; margin-left: auto; margin-right: auto; padding-top: 20px;">

<!-- END OF BADGE AREA -->
</div>

<!-- FOOTER BAR, replace #957d9b with the color of your choice -->
<div style="position:relative; top:0px; height: 50px; width: 875px; margin-left: auto; margin-right: auto; background-image: linear-gradient(to left, #957d9b, transparent);">
<p style="color: black; font-size: 220%; text-align: right; padding-right: 20px; font-weight: light; font-family: Constantia;">
<!-- FOOTER TEXT, replace with a character quote or something snazzy -->
''"This is a super cool character quote."''
<!-- END OF FOOTER TEXT -->
</p></div>

Work in Progress

None so far...