Difference between revisions of "User:Riptide"

From Tenebrae
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 ==
+
= 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==
+
=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.

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...