I'll update this as I learn! Feel free to use however you want! Credit isn't necessary at all, but if you want to link back to me I'd appreciate it!

what it is

what it looks like

code

------------

Table with two sections, centered text, line in the middle

<div class="container-fluid" style="max-width: 700px; text-align: justify;">

<div class="block" style="padding: 15px; background-color: #ffffff;">

<div class="row align-items-center">

<div class="col-sm-6" style="border-right: 1px solid rgb(0, 0, 0); text-align: center;">T</div>

<div class="col-sm" style="text-align: center;">T</div>

</div>

</div>

</div>

------------

Bold text

text

<p><strong>text</strong></p>

or

<p><b>text</b></p>

------------

Italic text

text

<p><em>text</em></p>

or

<p><i>text</i></p>

------------

Underlined text

text

<p><u>text</u></p>

------------

Striketrough / Crossed out text

text

<p><s>text</s></p>

------------

Subscript

_text

<p>_text</p>

------------

Superscript

^text

<p>^text</p>

------------

Headings

heading 1

heading 2

heading 3

heading 4

heading 5

heading 6

<h1>heading 1</h1>

<h2>heading 2</h2>

<h3>heading 3</h3>

<h4>heading 4</h4>

<h5>heading 5</h5>

<h6>heading 6</h6>

(stops at 6)

------------

Ordered list

1. one
2. two

<ol>
<li>one</li>
<li>two</li>
</ol>

------------

Unordered list

• one
• two

<ul>
<li>one</li>
<li>two</li>
</ul>

------------

Paragraph

text

<p>text</p>

------------

Paragraph with a line break

text with a
break

<p>text with a<br>break</p>

------------

Image

<p><img src="https://file.toyhou.se/images/15490684_uT8rpyFtI4n7nCQ.jpg"></p>

or if you want to change the size (you can also resize it easier with WYSIWYG)

<p><img src="https://file.toyhou.se/images/15490684_uT8rpyFtI4n7nCQ.jpg" class="fr-fic fr-dii" width="1078" height="979"></p>

for your own image

<p><img src="IMAGE ADDRESS"></p>

------------

Coloured text

text

text

<p style="color:blue;">text</p>

or

<p style="color:#FF0000;">text</p>

Replace the blue or the hex code with whatever colour you want, I'd recommend searching for specific colours to make sure they work cause sometimes it's weird? And make sure to use color instead of colour. If you know either RGB colours or hex colours you should be able to look up rgb to hex and you can convert them easily for specific colours!

------------

Mouse over for text thing

text

<p title="more text">text</p>

------------

Mouse over for text but with images

<p title="works with images"><img src="https://file.toyhou.se/images/15490684_uT8rpyFtI4n7nCQ.jpg" class="fr-fic fr-dii" width="162" height="147"></p>

------------

Preformatted text

this is
preformatted
text

<pre>this is
preformatted
text</pre>

Good if you're copying and pasting from somewhere and want to keep the format

------------

Line

<hr>

------------

Aligned text (centered, right, left)

text

<p style="text-align: center">text</p>

Replace center with right to have it align with the right, use left or just make a normal paragraph for it to be on the left

------------

Link

text

<p><a href="YOURLINKHERE" id="">text</a></p>

------------

Spoiler

<div class="fr-spoiler">text</div>

------------

Text with border and icons

text

<h3 class="mt-3 py-2 px-3" style="border-radius:15px;display:inline-block;background-color:#E3A497;color:blue;"><i class="fas fa-star-exclamation"></i> text <i class="fas fa-star-exclamation"></i></h3>

OR

<h3 class="mt-3 py-2 px-3" style="border-radius:15px;display:inline-block;background-color:BACKGROUNDCOLOURHERE;color:TEXTCOLOURHERE;"><i class="fas fa-star-exclamation"></i> text <i class="fas fa-star-exclamation"></i></h3>

replace <i class="fas fa-star-exclamation"></i> with whatever font awesome icon you'd like, add fa-spin after the exclamation if you want the icon to spin ( <i class="fas fa-star-exclamation fa-spin"></i> )

Change the mt number for how close it will be to the text above it (I think it's 0-5? 0 is the normal amount of space, bigger the number bigger the space), py for the height of the box, px for the width of the box

h3 works like normal text, can be changed to different sizes, be bold, italic, etc, should work to be paragraph as well

could be good to notify if the character is wip or something important maybe? Or some kind of title?

------------

what it is

what it looks like

code

------------

what it is

what it looks like

code

------------