Difference between revisions of "User:Riptide"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
Hi. I'm Riptide! This is my page. |
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]] |
Here's a snazzy character template you can use. And here's some examples of it in action: [[Ravenstongue]] [[Andelena]] |
||
| Line 79: | Line 79: | ||
</pre> |
</pre> |
||
| − | + | =HTML ANSI Coding= |
|
A mini-tutorial for enabling and using HTML colors (for people who get sad that they can't use a whole rainbow, like me). |
A mini-tutorial for enabling and using HTML colors (for people who get sad that they can't use a whole rainbow, like me). |
||
Revision as of 02:49, 9 May 2024
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>
HTML ANSI Coding
A mini-tutorial for enabling and using HTML colors (for people who get sad that they can't use a whole rainbow, like me).
- 1. Input
@set me=COLOR256. (Note: You must input this line on every charbit that you want to see HTML colors.) - 2. Use
%x<HTML>to color your text, where<HTML>is your HTML hex code.
- 1. Input
For example, %x<#9a5ff8>This is purple text!%xn colors "This is purple text!" to a nice purple color. Like with regular ANSI code, use %xn to end the color code in your input.
Work in Progress
None so far...