Wikipedia wrote: BBCode is an abbreviation for Bulletin Board Code, the lightweight markup language used to format posts in many message boards. It is also called forum codes. The available tags are usually indicated by rectangular 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.
What that basically means is that BBCode allows you to format your messages and posts without having to use HTML and without requiring any knowledge of HTML.
Instead of using HTML, BBCodes are used to accomplish formatting tasks such as making text bold, italicized or other tasks such as inserting clickable links.
The BBCodes that Find Your Geek currently uses are outlined below.
The first section under each heading in the code bubble defines the BBCode and how to use it and the second part below shows what the output will look like.
Code: [b]Bold text[/b]
Bold text
Code: [i]Italicized text[/i]
Italicized text
Code: [url]http://www.google.com[/url]
[url=http://www.google.com]Click here[/url]
Note: Any valid URL entered without tags will be converted to clickable text automatically.
http://www.google.com
Click here
Code: [u]Underlined text[/u]
Underlined text
Code: [img]http://i36.tinypic.com/n21f29.jpg[/img]
Code: [quote]Four score and seven years ago...[/quote]Four score and seven years ago...
Code: [quote=Abraham Lincoln]Four score and seven years ago...[/quote]
Abraham Lincoln wrote: Four score and seven years ago...
Code: [ code]<?php if ($iscode) { echo "Output"; } ?>[/code ]
Code: <?php if ($iscode) { echo "Output"; } ?>
Code: YouTube URL:
http://www.youtube.com/watch?v=9AiWBCGz5Ws
[youtube]9AiWBCGz5Ws[/youtube]
Code: [spoiler]Spoiler content[/spoiler]
Spoiler: Darth Vader is Luke's father
Code: [nsfw]Not safe for work content[/nsfw]
NSFW: Boobies
Code: [center]Content to be centered[/center]
Note: This tag will only get parsed for the "Bytes" area on your profile.
Content to be centered
Code: [imgleft]http://i36.tinypic.com/n21f29.jpg[/imgleft]
Note: This tag will only get parsed for the "Bytes" area on your profile. Images are resized at a maximum of 320 pixels wide and text will wrap around the image.
Code: [imgright]http://i36.tinypic.com/n21f29.jpg[/imgright]
Note: This tag will only get parsed for the "Bytes" area on your profile. Images are resized at a maximum of 320 pixels wide and text will wrap around the image.