[GUIDE] Forum editing codes (BB codes)

[kinzmet]

BB CODES For Threads or Post Editing

---

Introduction
Too long in forums yet you don't know how to do spoilers yet? Then your in luck, this guide will help you understand basic BB codes you can use in you post or threads to make it awesome!

This is to help those who don't know BB codes and provide a reference to those who knew. This will help the forumers to make their threads or posts looks better, neat, presentable and/or artistic.


What is BB code?
BB code (Bulletin Board Code)

is a lightweight markup language used to format posts in many message boards. The available tags are usually indicated by square brackets ([ ]) surrounding a keyword, and they are parsed by the message board system before being translated into a markup language that web browsers understand, usually HTML or XHTML.

---

NAME	DESCRIPTION	SYNTAX	SAMPLE USAGE	SAMPLE OUTPUT
Bold / Italic / Underline	The [b], [i] and [u] tags allow you to create text that is bold, italic and underlined.	[b]value[/b] [i]value[/i] [u]value[/u]	[b]this text is bold[/b] [i]this text is italic[/i] [u]this text is underlined[/u]	this text is bold this text is italic this text is underlined
Color	The [color] tag allows you to change the color of your text. You can pick hexadecimal color code here	[color=Option]value[/color]	[color=blue]this text is blue[/color] [color=#FF0000]this text is red[/color]	this text is blue this text is red
Size	The [size] tag allows you to change the size of your text.	[size=Option]value[/size]	[size=+2]this text size larger than normal[/size]	this text size larger than normal
Subscript and Superscript	The [sup] tag allows you to make a superscript text, While the [sub] tag allows you to make subscript.	[sup]value[/sup] [sub]value[/sub]	E=mc[sup]2[/sup] H[sub]2[/sub]O	E=mc2 H2O
Font	The [font] tag allows you to change the font of your text. Samples are:   Antiqua Architect Arial BankFuturistic BankGothic Blackletter Blagovest Calibri Comic Sans Courier Cursive Decorative Fantasy Fraktur Frosty Garamond Georgia Helvetica Impact Minion Modern Monospace Palatino Roman Sans-serif Serif Script Swiss Times Times New Roman Tw Cen MT Verdana	[font=Option]value[/font]	[font=courier]this text is in the courier font[/font]	this text is in the courier font
Left / Right / Center	The [left], [right] and [center] tags allow you to change the alignment of your text.	[left]value[/left] [center]value[/center] [right]value[/right]	[left]this text is left-aligned[/left] [center]this text is center-aligned[/center] [right]this text is right-aligned[/right]	this text is left-aligned this text is center-aligned this text is right-aligned
Indent	The [indent] tag allows you to indent your text.	[indent]value[/indent]	[indent]this text is indented[/indent]	this text is indented
Email Linking	The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.	[email]value[/email] [email=Option]value[/email]	[email]j.doe@example.com[/email] [email=j.doe@example.com]Click Here to Email Me[/email]	j.doe@example.com Click Here to Email Me
URL Hyperlinking	The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.	[url]value[/url] [url=Option]value[/url]	[url]http://www.google.com[/url] [url=http://www.google.com]GOOGLE[/url]	http://www.google.com GOOGLE
List	The [list] tag allows you to create advanced lists by specifying an option. The option should have a value of 1 (for a numbered list) or A (for an alphabetic with capital letters list) or a (for an alphabetic with lowercase letters list) or I (for a numbered with capital Roman numeral list) or i (for a numbered with small Roman numeral list).	[list]value[/list] [list=Option]value[/list]	[list][*]list item 1[*]list item 2[/list] [list=1][*]list item 1[*]list item 2[/list] [list=A][*]list item 1[*]list item 2[/list] [list=a][*]list item 1[*]list item 2[/list]	list item 1 list item 2 list item 1 list item 2 list item 1 list item 2 list item 1 list item 2
Images	The [img] tag allows you to embed images within your posts. You can also combine this tag with the [url] tag to make images become links.	[img]value[/img]	[img]http://www.dynamicdrive.com/forums/images/statusicon/forum_new-48.png[/img] (Not linked) [url=http://www.example.com] [img]http://www.dynamicdrive.com/forums/images/statusicon/forum_new-48.png[/img] [/url] (Linked)	(Not linked) (Linked)
Videos	The [video] tag allows you to embed videos from various video services within your posts.	[video]value[/video]	[video=youtube_share;PJEUe0HTHf8]http://youtu.be/PJEUe0HTHf8[/video]	Note: I hid the video in spoiler to save space in the table.
Quote	The [quote] tag allows you to attribute text to someone else.	[quote]Quote[/quote] [quote=User Name]value[/quote]	[quote]Lorem ipsum dolor sit amet[/quote] [quote=John Doe]Lorem ipsum dolor sit amet[/quote] [quote=John Doe;310455]Lorem ipsum dolor sit amet[/quote]	Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
Highlight	The [highlight] tag allows you to emphasize your text.	[highlight]value[/highlight]	[highlight]this text is highlighted[/highlight]	this text is highlighted
Attachment	The [attach] tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized.	[attach]attachmentid[/attach]	[ATTACH]108934[/ATTACH]
Spoilers	The [spoiler] tag allows you to hide a text or image.	[spoiler=title]value[/spoiler]	[spoiler=Hidden]Hidden text here[/spoiler]	Hidden text here
Horizontal line	The [hr] tag allows you to create a horizontal line across the page.	[hr][/hr]	[hr][/hr]
Table	The [table] tag allows you to create a table with a row in it. [tr]-table row [th]-heading cell [td]-content cell	[table]rows[/table] [tr]heading cell[/tr] or [tr]content cell[/tr] [th]value[/th] [td]value[/td]	[table][tr][th]STAT[/th][th]VALUE[/th][/tr] [tr][td]DEX[/td][td]20[/td][/tr] [tr][td]INT[/td][td]10[/td][/tr] [/table]	STAT VALUE DEX 20 INT 10

---

These are the basic BB codes available in this forum, I hope you can use it and share it! Enjoy







You can actually find the BB code list by clicking the "BB code is On" below.

[Schnitzel]

nice guide!

may i ask how you created that table?
whats the BBCode for creating one?

[kinzmet]

nice guide!

may i ask how you created that table?
whats the BBCode for creating one?

Thanks!

I used
[table][/table] for table
[tr][/tr] for rows
[td][/td] for columns


I will add it on the guide.

Update: Its added

[Inan'hesh]

Thanks! This is great guide!

[kinzmet]

Thanks! This is great guide!

Your welcome Thanks also!

[ClumsyCactus]

 

spoiler on spoilers

or what? Will this become a spoiler? I DONT UNDERSTAND
NO WAY YOU MADE ME UNDERSTAND HOW TO USE SPOILERS AFTER LIKE A YEAR OF TRYING ON THE FORUMS, I WONT EVEN THANK YOU, YOU ARE GETTING THE GREEN THUMB ON THAT ONE
(That was me dancing)

 

 

THIS THREAD

[ThePvpTwink]

Nice job

[kinzmet]

 

spoiler on spoilers

or what? Will this become a spoiler? I DONT UNDERSTAND
NO WAY YOU MADE ME UNDERSTAND HOW TO USE SPOILERS AFTER LIKE A YEAR OF TRYING ON THE FORUMS, I WONT EVEN THANK YOU, YOU ARE GETTING THE GREEN THUMB ON THAT ONE
(That was me dancing)

 

 

THIS THREAD

Nice job

Thanks . I know many forumers are really not familiar with these codes, I'm glad I can help.

[nevercan]

 

omg i did an spoiler

 

this is an great guide!

[kinzmet]

 

omg i did an spoiler

 

this is an great guide!

Thanks

[Skylerline]

Amazing guide thanks!

[Inan'hesh]

 

 

 

 

 

 

 

I learned how to do spoilers thanks!

[Dex Scene]

 

testing

[Dex Scene]

I still can't do spoilers... anyway good guide!!

[nevercan]

I still can't do spoilers... anyway good guide!!

You just did

[kinzmet]

 

testing

I still can't do spoilers... anyway good guide!!

You just did spoiler, great job!

[Dex Scene]

You just did spoiler, great job!

You just did

Ohhh did I??
maybe Tapatalk can't show Spoiler :P ty ty guys Iam so proud of myself!

[kinzmet]

Ohhh did I??
maybe Tapatalk can't show Spoiler :P ty ty guys Iam so proud of myself!

Oh, tapatalk now I know why you didnt see it.
Your welcome!

[nevercan]

 

 

 

 

 

 

 

I learned how to do spoilers thanks!

You just did

You just did spoiler, great job!

Ohhh did I??
maybe Tapatalk can't show Spoiler :P ty ty guys Iam so proud of myself!

Oh, tapatalk now I know why you didnt see it.
Your welcome!

Wauw i find oyt how to select multibel chats

[Xeusx]

I guess I should try out the table code one.

Persentage	Prynce	Xeusx
Being a Nab	99,9%	99,9%
Being a BNF together	100%	100%

EDIT: So it works. Anyway, great job on the guide!