[center] [font=arial] Welcome to the BBCode guide! You can study the differences between the example and the output to learn. You gotta study code people. It's a thing.
I hope you learn stuff by the end of this! :D

Here are some general rules of BBCode.
You need to surround them in [ ]s. You can put the brackets together like this: [something][somethingalso]. You can put the code in UPPERCASE or lowercase. Any invalid code will show up wrong for example: [size=.1] doesn't work! :O
So make sure you preview your work so you don't look like an idiot not like me :cool:

Ask any questions in the thread or [url=https://hypixel.net/conversations/add?to=xMdb] here[/url].

======================================================================================[/font]

[color=blue] [plain] [B], [I], [U], [S][/plain] [/color]
With this BBCode. You can make the text bold, italics, underlined and struck-through.
[color=green] Here is an example: [/color]
[plain] This is [B]bold[/B] text. This is [I]italic[/I] text. This is [U]underlined[/U] text. This is [S]struck-through[/S] text. [/plain]
[color=green] This code would make it like this: [/color]
This is [B]bold[/B] text. This is [I]italic[/I] text. This is [U]underlined[/U] text. This is [S]struck-through[/S] text.

[color=blue] [plain] [COLOR=color], [FONT=name], [SIZE=size] [/plain] [/color]
You can change the color, font or size with a single BBCode line. Here are different color codes: [url=http://absitomen.com/index.php?topic=331.0] (click) [/url]
[color=green] Here is an example: [/color]
[plain]This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
This is [FONT=Courier New]Courier New[/FONT] text.
This is [SIZE=1]small[/SIZE] and [SIZE=7]big[/SIZE] text.[/plain]
[color=green] The code would make it like this: [/color]
This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
This is [FONT=Courier New]Courier New[/FONT] text.
This is [SIZE=1]small[/SIZE] and [SIZE=7]big[/SIZE] text.

[color=blue] [plain] [URL], [EMAIL] [/plain] [/color]
Make clickable links, or words to link to a website or an email.
[color=green] Here is an example: [/color]
[plain] [URL]http://www.example.com[/URL]
[EMAIL][email protected][/EMAIL]
ADVANCED:
[URL=http://www.example.com] Go to my website [/URL]
[[email protected]] Email me [/EMAIL] [/plain]
[color=green] The code would make it look like this: [/color]
 [URL]http://www.example.com[/URL]
[EMAIL][email protected][/EMAIL]
ADVANCED:
[URL=http://www.example.com] Go to my website [/URL]
[[email protected]] Email me [/EMAIL]

[color=blue] [plain] [USER=ID] [/plain] [/color]
This is used when tagging a user. However you can do @(their forums name) and it will insert the code for you.
[color=green] Here is an example: [/color]
[plain] [USER=264094] xMdb the nerd [/USER] [/plain]
[color=green] The code would make it look like this: [/color]
[USER=264094] xMdb the nerd [/USER]

[color=blue] [plain] [IMG] [/plain] [/color]
You can use this code to put .pngs, .jpegs and .gifs on the website without using the uploader. You can right click a photo on the web and click 'Copy image address' to get the link to insert the photo.
[color=green] Here is an example: [/color]
[plain] PNG or JPEG:
[IMG] https://hypixel.net/styles/hypixel-uix/hypixel/logo2.png [/IMG]
GIF:
[IMG] https://i.imgflip.com/14689x.gif [/IMG] [/plain]
[color=green] The code will make it look like this: [/color]
 PNG or JPEG:
[IMG] https://hypixel.net/styles/hypixel-uix/hypixel/logo2.png [/IMG]
GIF:
[IMG] https://i.imgflip.com/14689x.gif [/IMG]

[color=blue] [plain] [MEDIA=site] [/plain] [/color]
Embeds media from approved sites into your message. You can just copy and paste the URL into the post without doing the code. Approved sites: Dailymotion; Facebook; Liveleak; Metacafe; Vimeo; YouTube;
[color=green] Here is an example: [/color]
[plain] [MEDIA=youtube]dQw4w9WgXcQ[/MEDIA] [/plain]
[color=green] The code would make it like this: [/color]
[MEDIA=youtube]dQw4w9WgXcQ[/MEDIA]

[color=blue] [plain] [LIST] [/plain] [/color]
Make a list! :O
[color=green] Here is an example: [/color]
[plain] [LIST]
[*]Bullet 1
[*]Bullet 2
[/LIST]
[LIST=1]
[*]Entry 1
[*]Entry 2
[/LIST] [/plain]
[color=green] The code would make it look like this: [/color]
[/center] [LIST]
[*]Bullet 1
[*]Bullet 2
[/LIST]
[LIST=1]
[*]Entry 1
[*]Entry 2
[/LIST] [center]

[color=blue] [plain] [LEFT], [CENTER], [RIGHT] [/plain] [/color]
Changes the alignment of the wrapped text.
[color=green] Here is an example: [/color]
[plain] [LEFT]Left-aligned[/LEFT]
[CENTER]Center-aligned[/CENTER]
[RIGHT]Right-aligned[/RIGHT] [/plain]
[color=green] The code makes it look like this: [/color]
[LEFT]Left-aligned[/LEFT]
[CENTER]Center-aligned[/CENTER]
[RIGHT]Right-aligned[/RIGHT]

[color=blue] [plain] [QUOTE] [/plain] [/color]
Displays text that has been quoted from another source. You may also attribute the name of the source. When you click reply in the corner it notifies the user that someone replied.
[color=green] Here is an example: [/color]
[plain][QUOTE] "The more that you read, the more things you will know. The more that you learn, the more places you'll go."[/QUOTE]
[QUOTE=A random noob]xMdb sucks[/QUOTE] [/plain]
[color=green] The code makes it look like this: [/color]
[QUOTE] "The more that you read, the more things you will know. The more that you learn, the more places you'll go."[/QUOTE]
[QUOTE=A random noob]xMdb sucks[/QUOTE]

[color=blue] [plain] [SPOILER] [/plain] [/color]
Hides text that may contain spoilers so that it must be clicked by the viewer to be seen.
[color=green] Here is an example: [/color]
[plain] [SPOILER] Simple spoiler [/SPOILER]
[SPOILER=Spoiler Title] Spoiler with a title [/SPOILER] [/plain]
[color=green] The code makes it look like this: [/color]
[SPOILER]Simple spoiler[/SPOILER]
[SPOILER=Spoiler Title]Spoiler with a title[/SPOILER]

=======================================================================================
[color=green]I am not going to go over [plain] [CODE], [INDENT], [ATTACH] or[GALLERY=option] [/plain]because no-one hardly uses it. If you want to know please PM [USER=264094]xMdb[/USER]. [/color]
=======================================================================================

[color=blue] [plain] [PLAIN] [/plain] [/color]
I have used this all over the thread! This code makes it so if you do [PLAIN] [PLAIN] all the BBCode after the [PLAIN] and before [/plain] [/PLAIN] [plain] it shows as below. [/plain]
[color=green] Here is an example: [/color]
[plain] [PLAIN]This is not [B]bold[/B] text.[/PLAIN][/PLAIN]
[color=green] The code makes it look like this: [/color]
[plain] This is not [B]bold[/B] text. [/plain][font=arial]


=======================================================================================


[size=5] [color=blue] Thanks for reading this guide! I hope it was useful to you! [/color][/size][color=blue] [/color]
This took a while. A long time. Leave a rating and hopefully we can get this stickied! Have a great day/night everyone! :D

-xMdb

[size=1] See change logs below ^-^[/size][/font][/center]