Formatting Secrets | Forum Tutorial

For the sake of saving scrolling time, I’ve organized these into hidden details. Click/tap text with an arrow next to it to reveal.

Bolder Text

__**Text**__Text

Comparison: Text, Text, Text

Four underscores on either side will produce the same result.

Invisible Text (bypasses 10 character limit)

Any text put between two angle brackets (<>) will become invisible. However, if it starts (but not ends) with a number, or includes a special character anywhere, the formatting is broken.

<tencharacters> <10characters> <characters10> <ten^characters>

=

<10characters> <ten^characters>

Note that text in brackets can be seen by quoting a post in the editor.

Info Tables
This | is | an | example
-|-|-|-
of | an | info | table.
They | are | quite | useful.

=

This is an example
of an info table.
They are quite useful.

They can be lengthened by adding more lines, or widened by adding extra words and |'s at the top. Spaces can be left blank without breaking it.

Resizing Text

<big> text :smile: </big> text :smile:
<small> text :smile: </small> text :smile:
<big><big> text :smile: </big></big> text :smile:
<small><small> text :smile: </small></small> text :smile:
Remember to close your brackets!

Hashtags can be used to create headers of varying size.

## text

=

text

Superscript/subscript

4<sup>4</sup> = 44
4<sub>4</sub> = 44

Red/green Highlights

<ins> text </ins> text

<del> text </del> text

Orange Highlights

<mark>text<mark>text

Show Code
```
<invisible>
```

=

<invisible>

`<invisible>` <invisible>

=
<invisible>

Text Alignment
<div align="left">
left
<div align="middle">
middle
<div align="right">
right

=

left
middle
right
Underline

[u] text [/u] text

Strike-through

<s> text </s> text
~~text~~text

RPG-Style Text Boxes/Buttons
<kbd> Text
More text

=

Text
More text

Abbreviations

<abbr title="United States of America"> USA </abbr>USA

(Hover your mouse over the text :wink:)

Translations

<ruby>Mi llamo "Pawps"<rt>My name is Pawps</rt></ruby> = Mi llamo "Pawps"My name is Pawps

Note: If the “rt” text is the same as the “ruby” text, it will disappear.

Misc.

->
<-
(TM)
(C) (C)
(R) (R)
(Pa)

___ makes a line across the entire post (it doesn’t work in hidden details).

I believe that there’s more than this. I’ll post a reply if/when I edit more in. Also, I’d suggest bookmarking this topic for reference. :smile:

46 Likes

Thank you for this. I’ve been wondering how to do colored text in this way.

And now I know how to do it properly!

20 Likes

Liked and bookmarked; thanks for a handy reference!

6 Likes

Like it. But one addition: text is mad blue by <a>

blue text

6 Likes

I
think
you

...

might
want
to

add
this
in

19 Likes

That can be accomplished by making a broken link, so I don’t count it as a secret. :stuck_out_tongue:

In reply to Djaq, I’m aware of that, but haven’t quite figured it out yet. :thinking:

1 Like

Thanks for this tutorial.
And thanks but this time in red.

This is a great tutorial for all kinds of different tricks and stuff, I love to share this one though.

This

Is just ~~ + one more, the text underneath that and then three more underneath that. I use it for my concepts and I think it looks great. :+1:

5 Likes

I always quote and look in my text editor if I want to figure something out!

Anyway. Thanks very much for this topic @PawpsicleSticks !

8 Likes

Hmm

4 Likes

I added text alignment. Thanks @Lucas1999! :grin:

9 Likes

You’re welcome! Although you should really thank @Filadae_Djaq :joy:

@Pawpsicle , you might also might want to add

~~Line through text~~

Line through text

8 Likes

It also works with <s>, it’s called strike-through I think. :stuck_out_tongue:

Added.

6 Likes
Quote him to find out!

I just discovered this feature, but I’m still testing it out, as I don’t know much about it.


Testing

First Heading

some text

.
.
.
.
.
.
.
.

Second Heading

more text

.
.
.
.
.
.
.
.

Third Heading

even more text

.
.
.
.
.
.
.
.

Fourth Heading

ok no more text

.
.
.
.
.
.
.
.


First
Second
Third
Fourth


Format
<h3 id="heading--first-header">First Heading</h3>
some text

.
.
.
.
.
.
.
.
<h3 id="heading--second-header">Second Heading</h3>
more text

.
.
.
.
.
.
.
.
<h3 id="heading--third-header">Third Heading</h3>
even more text
.
.
.
.
.
.
.
.

<h3 id="heading--fourth-header">Fourth Heading</h3>
ok no more text

.
.
.
.
.
.
.
.
- - -

[First](#heading--first-header)
[Second](#heading--second-header)
[Third](#heading--third-header)
[Fourth](#heading--fourth-header)
- - -

Polaris has used it before, maybe they can help us.

8 Likes

A lot of the code is based on HTML.

2 Likes

Question. How to do the arrows one?

This?

-> = →

I’ll see about adding a “Miscellaneous” section.

10 Likes

Thanks for making this.

I never knew

that text alignment
was a thing here!
8 Likes

What I meant by arrows are these.
Screenshot_20210322-113015_Chrome

PerBlue Entertainment | Terms of Use | Cookie Policy | © Disney