BBCode Cheat Sheet / Examples

[Photonamus]

BBCode Cheat Sheet — Copy & Paste Into a MyBB Post
Paste everything below this line into a new MyBB thread:

---

BBCode Cheat SheetA quick reference for formatting your posts on this forum.

---

Text Formatting
Bold

Code:

[b]Bold text here[/b]

Italic

Code:

[i]Italic text here[/i]

Underline

Code:

[u]Underlined text here[/u]

Strikethrough

Code:

[s]Strikethrough text here[/s]

Bold and Italic

Code:

[b][i]Bold and italic combined[/i][/b]

---

Text Size
Extra small text

Code:

[size=x-small]Extra small text[/size]

Small text

Code:

[size=small]Small text[/size]

Medium text (default)

Code:

[size=medium]Medium text (default)[/size]

Large text

Code:

[size=large]Large text[/size]

Extra large text

Code:

[size=x-large]Extra large text[/size]

Huge text

Code:

[size=xx-large]Huge text[/size]

---

Text Color
Red text

Code:

[color=red]Red text[/color]

Custom hex color

Code:

[color=#00FF00]Custom hex color[/color]

Blue text

Code:

[color=blue]Blue text[/color]

You can use standard color names (red, blue, green, orange, purple, etc.) or hex codes (#FF5500).

---

Font
Monospace font

Code:

[font=Courier New]Monospace font[/font]

Serif font

Code:

[font=Georgia]Serif font[/font]

---

Text Alignment

Left aligned (default)

Code:

[align=left]Left aligned[/align]

Center aligned

Code:

[align=center]Center aligned[/align]

Right aligned

Code:

[align=right]Right aligned[/align]

---

Links
Auto-linked URL:

Code:

https://photonamus.com

Named link: Visit Photonamus

Code:

[url=https://photonamus.com]Visit Photonamus[/url]

Email link: [email protected]

Code:

[email][email protected][/email]

---

Images
Basic image:

Code:

[img]https://example.com/image.png[/img]

Image with dimensions:

Code:

[img=400x300]https://example.com/image.png[/img]

---

Lists
Bullet list:

• []First item []Second item []Third item

Code:

[list] [[/i]]First item [[i]]Second item [[/i]]Third item [/list]

Numbered list:

1. []First item []Second item []Third item

Code:

[list=1] [[/i]]First item [[i]]Second item [[/i]]Third item [/list]

Alphabetical list:

1. []First item []Second item []Third item

Code:

[list=a] [[/i]]First item [[i]]Second item [[/i]]Third item [/list]

---

Quoting
Basic quote:

This is a quoted block of text.

Code:

[quote]This is a quoted block of text.[/quote]

Quote with attribution:

Something that user said.

Code:

[quote='Username']Something that user said.[/quote]

---

Code Blocks
Use code blocks for sharing code, configs, terminal commands, or anything you want displayed exactly as typed without formatting:

Code:

Just wrap your content in code tags to show it raw.

To create a code block, type: [code]your content here[/code]
(We can't show the actual tags inside a code block without them working, so just type the word "code" inside square brackets to open, and "/code" inside square brackets to close.)

---

Horizontal Rule
A horizontal line divider (like the ones throughout this post):

Code:

[hr]

---

Spoiler / Hidden Content
Click to reveal hidden content: [spoiler]This was hidden until you clicked![/spoiler]

Code:

[spoiler]This was hidden until you clicked![/spoiler]

---

Videos
YouTube video:

Code:

[video=youtube]https://www.youtube.com/watch?v=VIDEO_ID[/video]

---

Combining Tags
You can nest tags inside each other for more complex formatting:
Bold, red, and large!

Code:

[b][color=red][size=large]Bold, red, and large![/size][/color][/b]

Centered Heading With a subtitle underneath

Code:

[align=center][b][size=x-large]Centered Heading[/size][/b] [i]With a subtitle underneath[/i][/align]

---

Tips

• []Always close your tags. Every opening tag like needs a closing tag like . If your post looks weird, you probably forgot to close something. []Nest tags in the right order. Close inner tags before outer ones. Think of them like layers — last opened, first closed. []Preview your post. Hit the Preview button before posting to make sure everything looks the way you want. []Use the toolbar. The editor toolbar above the text box has buttons for most of these. Highlight text and click a button to wrap it in the right tags automatically.

---

Questions about formatting? Reply below and we will help you out.