Forum Formatting Commands

Hey everyone!

Lately, a lot of people have asked me how I change the size of my text, among other things.
And as giddy as I get seeing the green PM bubble show upon my icon, I think it’d be easier for everyone if I made a comprehensive and public list of all the techniques I’m certain work on the boards.


Before you go trudging through this incredibly long post, consider checking out this incredibly easy to read and understand Markdown Reference Guide!
It even comes with a super helpful (but entirely optional) ten minute tutorial! :smiley:


Italics, Bolding, Strikethrough, and Underlining

Italics is this.
Bolding is this.
Strikethrough is this.
Underlining is this.

The _italics_, **bold**, ~~striketrough~~, and [u]underline[/u] commands only work on normal text or within <big>the big command</big>

However, the html commands <i>italics</i>, <b>bold</b>, and <s>strikethrough</s> work for all text types.

In addition, the bracketed versions work for all text types as well: [i\]italics[/i\], [b\]bold[/b\], [s\]strikethrough[/s\], and [u]underline[/u] but for the sake of brevity, I will be using the </> angled brackets rather than the regular brackets when referring to these commands.

NOTE: Headers cannot be bolded regardless of command form because they’re already, technically, bolded.

NOTE: You may have noticed, [u] doesn’t have an angular bracket version. This is not a mistake. <u> in HTML4 doesn’t even work (it was taken out because of potential confusion for the underlining of urls), and in HTML5 it’s only used to insert a squiggly line: ﹏﹏ More information can be found in this post.


Line Breaks, Spoilers, and Summaries

Linebreaks

All you need to make linebreaks is this: --- (without the spaces)

WARNING: If you use a hyphen (-) immediately under another sentence is the equivalent of Header2, rather than a linebreak.

@Szaal also mentioned that *** can also be used for linebreaks and that they an be stacked like so:

---
***

This translates into:



Spoiler Tags

To blur or spoiler text, you write:

[spoiler]Spoiler text here[/spoiler]

And voila!


Summaries

There are two ways to make summaries, aka the thing you opened up to read this, you write. The first method is the native mark-down format:

[details=Title]
The text you're hiding.
[/details]

And voila!

You have now summarized a thing!

This can be applied to your comment manually (with you typing out each character) or using the markdown menu (the gear icon next to the smileys) where it’s found under ‘Hide Details’.

The second method is the html format:

<details><summary>Title</summary>Thing you're summarizing.</details>
<details><summary>Title</summary>
Thing you're summarizing.
</details>
<details>
<summary>Title</summary>
Thing you're summarizing.
</details>

The location of the <summary></summary> and the <details></details>commands don’t matter, they will all end up looking the same:

Title Thing you're summarizing.

NOTE: Neither the [spoiler] nor the [details] commands work with angular brackets (<, >), only regular brackets ([, ]). If you use angular brackets, the angular brackets will disappear but have no other effect.


How to quote

Quoting has several methods, actually.

The tried and true command: [quote]To be, or not to be...[/quote] or the lazy (and therefore best) command > To be or not to be...

They will have the exact same effect.

[quote]To be, or not to be...[/quote]

> To be or not to be...

To be or not to be…

The key difference between the two commands is that > lazyquote actually allows you to start a new line in a quote without breaking the command.

Therefore this:

> Quote line 1
Quote line 2

Quote line 3

…becomes this:

Quote line 1
Quote line 2

Quote line 3

By contrast, [quote] requires every line in a quote to begin and end with the command.

So this…

[quote]Quote line 1.
Quote line 2.

Quote line 3.[/quote]

…becomes this:

[quote]Quote line 1.
Quote line 2.

Quote line 3.[/quote]

Go home, [quote] you’re drunk.

NOTE: All of the commands listed in this post can actually show up in a quote! You just have to make sure that none of the commands have broken when you quote something.


How to make lists (bulleted and numbered)

Lists can be finicky, but infinitely useful. And there are, of course, two kinds of lists: bulleted and numbered.


Bulleted Lists

To make a bulleted list, all you need is * List Item and voila, you have formatted a list.
You can also skip a line, add two spaces past the last list, and you have sub-bullets(?)!

So this:

* List Item 1
  * sub item
    * even lower item
      * I don't think it works this far...
* List Item 2

…translates into this:

  • List Item 1
    • sub item
      • even lower item
        • Oh hey!
          • It does!
            • I don’t think it stops…
  • List Item 2

Well, you get the idea. (As far as I know, there’s no way to change the symbol for the bullet. :disappointed_relieved:)

@ParrotWatcher has also informed me that a dash (-) can be applied instead of an asterisk (*) with no visible difference!

As a result, this

- List Item 1
  - sub item
    - even lower item
      - I don't think it works this far...
- List Item 2

…looks like this:

  • List Item 1
    • sub item
      • even lower item
        • I don’t think it works this far…
  • List Item 2

NOTE: You must have a space after the asterisk (or dash: -) or else the command doesn’t work.


Numbered Lists

Numbered lists are much more straightforward without much in the way of creative uses. You either number a list in a straight line…

1. List Item 1
2. List Item 2
3. List Item 3
  1. List Item 1
  2. List Item 2
  3. List Item 3

Or…you number a list in a straight line:

1. List Item 1
  1. sub item
    1. even lower item
1. List Item 2
  1. List Item 1
  2. sub item
    1. even lower item
  3. List Item 2

As you can see, numbered lists only come in the single-file, straight variety.

However, you can work numbers and bullets together to form a Frankenstein-ish eldritch horror!

So this monstrosity…

1. Numbered item
   * sub item
   2. oh shoooooooooooooot
* Bulleted item
   3. oh sNAP
   4. Absolutely disgusting
   * Thanks, I hate it

…becomes this abomination of nature!

  1. Numbered item
    • sub item
    1. oh shoooooooooooooot
  • Bulleted item
    3. oh sNAP
    4. Absolutely disgusting
    • Thanks, I hate it

And that’s list-making.


How make text smaller

<small>The small command.</small>
It makes things small

<sub>The subscript command.</sub>
It makes things a subscript but also shrinks them.

<sup>The superscript command.</sup>
It makes things a superscript but also shrinks them.

You can also stack the commands so they get even smaller.

<small>This <small>will <small>look <small>like <small>this:</small></small></small></small></small>

This will look like this.

The same goes for the <sub> and <sup> commands.

And don’t forget to get creative with these!

See how this garish and disgusting looking string…

_oo<sub>o</sub>o<sup>o</sup>oh! spo<sup>o<sup>o</sup>o</sup>o<sub>o<sub>o</sub>o</sub>ky</small></small>_

…turns into this creative and hilarious comment?

ooooooh! spooooooooky


NOTE: These are the only commands that can be stacked. No other commands (as far as I know) work like these.

All of the previous commands can be bolded <b>bold</bold> or ** bold ** or italicized <i>italic</i> or _ italic _ within the command nest (that is, between the arrows) without issue.

NOTE: These commands only work with angular brackets (<, >) not with regular brackets ([, ]).


How to make text bigger

NOTE: All of these commands, every single one of them, can be bolded and italicized using the html commands (<b> and <i>) anywhere in the lines, so long as it’s properly nested.


<big>The big command</big>
It makes things bigger.
This is the only command that can be bolded or italicized with markdown signs (*italics* and **bold**) within the command lines without issue.


<h1>The first header command.</h1>
A shortcut for the header command is to put the equal sign beneath the line you want emphasized:

Header 1
=

<h2>The second header command.</h2>
A shortcut for the header command is to put the dash sign beneath the line you want emphasized:

Header 2
-

Other header commands include:

<h3>The third header command.</h3>
<h4>The fourth header command.</h4>
<h5>The fifth header command.</h5>
<h6>The sixth, and final header command.</h6>


NOTE: These commands only work with angular brackets (<, >), if you use regular brackets ([, ]) nothing will happen.

Examples of Header Size

For whatever reason, I can’t show you the commands and post examples of Headers in the same area, so I’ve had to segregate them into this little summary. Hopefully things still make sense.

The first header command.

The second header command.

The third header command.

The fourth header command.

The fifth header command.
The sixth, and final header command.

How to make code visible

This is inline code:

Beep boop. I am a robot.

This is code block:

Beep boop. I am a super robot.

Inline code is usually used for one line affairs that aren’t too long, while code blocks are for if you have an issue with your code and need someone to look it over because it keeps your indents in place (v important frendos).

Both commands are done using the backtick ` symbol. On American keyboards, this symbol can be found on the upper righthand corner—phone keyboards will vary too greatly for me to accurately state where it is, unfortunately.

The inline code command only requires that the text be snuggled between two backticks. Like so:

20200622_120902

The code block commands requires three backticks above and below the text it’s altering:

20200622_120928


Creating Polls

Okay, this one is a little different from the rest of the commands, but is still useful to know. Unlike the other commands, this one requires visual aid.

Anyway, in order to add a poll to your post, you have to select the gear icon in the formatting menu:

This should bring up a submenu of different options (including other commands we’ve gone over above). For this specific tutorial, you should selecy the Build Poll option:

When the Build Poll option is selected, you will then see another menu pop up with all the customization options needed to create a poll:

Just choose your preferences and voila! You have created a poll!


If you have any questions or tips of your own, I’d love to hear them!

Happy formatting! :blush:

88 Likes

Thank you for the great post. It should help a lot of people make prettier posts. I moved the thread to the right place, so, hopefully, more people will see it.

5 Likes

Oh oh!
I have to add…


Horizontal line
*** or --- works



Double horizontal line

*** or ---
***    ---

Level of headers

# head = <h1> head</h1>
## heade = <h2>heade</h2>
### header = <h3>header</h3>

etc.


Quick quotation

> 'dis text will be quoted
Put another text below it, direct quote

Different paragraph, no quote

'dis text will be quoted
Put another text below it, direct quote

Different paragraph, no quote


Don’t forget the underline! You can use html command [u][/u]


I tamed and neutralized the ferocity of the tags above using triple grave accent (```) so I can show their true form to you.

```
                   Such space much huh
```
                   Such space much huh
10 Likes
* Do we need to include bullet points?
- I know there's a button, but it might be useful...
  • Do we need to include bullet points?
  • I know there’s a button, but it might be useful…
>* Note: to quote bullet points:
>* you need a > before each *.
  • Note: to quote bullet points:
  • you need a > before each *.
>* If not:
* Then this happens...
  • If not:
  • Then this happens…
* You can also
  * tier the 
    * bullet points
  • You can also
    • tier the
      • bullet points
4 Likes

MY SAVIOR.

For some inexplicable reason (at least as far as I know–which isn’t much, granted) <u></u> doesn’t work???

You wouldn’t happen to know why the brackets work where the great-than/less-than signs fail?

underlin
testing

striktrug


Huh, that’s weird.
I’m used with box-bracket, so it never occured to me if the pointy-bracket won’t work.

And why it’s the underline in particular?

1 Like

Ok, so I was actually really, really curious about this, and it seems like <u> has actually deprecated from its usage as the underline command (starting from HTML4 onward), and starting HTML5, it is now exclusively used to denote a squiggly line: ﹏﹏

Sometimes it’s colored and appears beneath incorrectly spelled words:

Talk about today I learned, eh?


I was also messing around to make sure brackets work for all commands, and I will now be adding those alternatives to the OP.

@Szaal @ParrotWatcher Do you guys mind if I add your tips to the OP? :slight_smile:

2 Likes

Please do. Blame me if they say no.

1 Like

I’ll hold you to that lol

2 Likes

NOOOOOOOO! :scream:

To @Eiwynn, that is. :stuck_out_tongue_winking_eye: @rose-court, feel free. :smile:

3 Likes

It’s 2am…but I did it. I added the stuff. :sob: y’all better start makin’ pretty ass posts

I was thinking of adding more to the Quotes section, as in give an example of how the other commands can work within it, the same way I demonstrated how the small commands can be smooshed together.

Thoughts?

1 Like

Umm… yes, I do mind?
kek


About [quote], it’s a 'lil bit clunky just like the triple grave accent. They like to stand on their own line, unlike their 'lil bro [spoiler]. IDK if quoted quotes work though, nor if it will be preferrable.

…wot?

:eyes:

…maybe it’s the 2am talking, but I don’t understand what you mean at all.

Ahh, let me see.

Yes, you can.

ahhhhh, that’s what you meant…

in that case, I’ll add it tomorrow when I’m less…blegh

thanks for the suggestion!

1 Like

This is a lifesaver. I always wondered how to do the small font and the strike through,

I finally found tiiiiiiiiiiime to fix this. :sob:

I learned the html way of making summaries and have added them to the first post. I’m also wikia-ing the first post because six months is not a long time to lock me out of edits.

Finally, I also found this ridiculously helpful markdown guide, and it even comes with a tutorial!

1 Like

You, my friend are a blessing to this world thank you for doing this!!!

3 Likes

Is there a way to add a post to my thread immediately after the first one and to pin it there? @rose-court Or is there another, more creative way, to achieve this effect? If I didn’t want to make it a wiki post, I would just create another dropdown in my initial post. Cheers!