Play together with - others at play.chunkcloud.net

How to use BBCode

FORUM  >  FORUM HELP > THREAD 109
Server Staff
Owner
How to use BBCode
How do I use BBCode on the forum?

For people who do not know what BBCode is, it's basically a forum friendly version of HTML which is used to create and style content of a webpage. Because it's possible to 'break' a webpage with (badly formatted) HTML, we can't allow you to use it. Instead, you can use BBCode.

Why do we allow BBCode and not HTML if it's almost the same you ask? Well, we can't control what HTML gets parsed and what doesn't but with BBCode we can. It's kind of a wrapper to safely use HTML code in a forum post. We can even create our own tags with it!


Down below you can find an overview with all the BBCode tags you can use on our forum. Every tag has an example and a small description on how you can use it and what it does.

Bold:
Icon:
Usage: [b] TEXT HERE [/b]
Description: The Bold tag will make all of the text within the tag appear bold.
Example: Bold text

Italic:
Icon:
Usage: [i] TEXT HERE [/i]
Description: The Italic tag will make all of the text within the tag appear slightly tilted.
Example: Italic text

Underline:
Icon:
Usage: [u] TEXT HERE [/u]
Description: The Underline tag will draw a line below the text within the tag.
Example: Underlined text

Strikethrough:
Icon:
Usage: [s] TEXT HERE [/s]
Description: The Strikethrough tag will draw a line through the center of the text within the tag.
Example: Strikethrough text

Text size:
Icon:
Usage: [color=HEX/COLORNAME] TEXT HERE [/color]
Description: The Color tag will give all the text within the tag a custom color.
Example: Colored text

Text color:
Icon:
Usage: [size=SIZE] TEXT HERE [/size]
Description: The Sizetag will make all the text within the tag bigger or smaller.
Example: Resized text

Text font:
Icon:
Usage: [font=FONTNAME] TEXT HERE [/font]
Description: The Font tag will change all the text within the tag to the custom font type.
Example: Custom font text

Add URL:
Icon:
Usage: [url=FULL URL] TEXT HERE [/url] or [url] FULL URL [/url]
Description: The URL tag will create a clickable link on the page.
Example: Our website and https://chunkcloud.net

Remove URL:
Icon:
Usage: none
Description: The Remove URL button will remove the URL from the selected text.
Example: none

Add image:
Icon:
Usage: [img] IMAGE URL [/img]
Description: The Image tag will create an image on the page with the by you added image url.
Example:

Embed a YouTube video:
Icon:
Usage: [youtube] VIDEO ID [/youtube]
Description: The YouTube tag will add a small YouTube video to your post.

The VIDEO ID is the ID after ?v= in the url:
https://www.youtube.com/watch?v=dQw4w9WgXcQ <- video ID

Example:


Code text
Icon:
Usage: [code] TEXT HERE [/code]
Description: The Code tag will mark all the text within the tag as 'code'. The text will have monospace as font type.
Example: print_r("This is code");

Align left
Icon:
Usage: [left]test[/left]
Description: This tag will align everything in it to the left.
Example: This text will be aligned to the left side of the post.

Align center
Icon:
Usage: [center]test[/center]
Description: This tag will align everything in it to the center.
Example:
This text will be aligned to the center of the post.


Align right
Icon:
Usage: [right]test[/right]
Description: This tag will align everything in it to the right.
Example: This text will be aligned to the right side of the post.
Endstone
well damn this is good :D
Emerald
Dont understamd the img i cant do it
Stone
Thanks! (^▽^) Now I finally know how to use all of this (☆▽☆)
Iron
nice youtube video though xD
Bedrock
Thanks Fabian always wanted to know how to use this xD
Page 1 of 1
1