Put simply, Bulletin Board Code (BBCode and BB Tags) lets you give expression to your words. Most forums and galleries allow users to use BB Code.
Usually whenever you start a thread or write a reply to a post you will see a set of buttons above the message box. These buttons allow you to format and edit the text and any images in your post. Those buttons represent BB Code. Pressing one of those buttons will add its associated BB Code into a post.
You’re thinking, “If I can use the buttons, why do I need to read this?” Easy, the code is short and simple. If you know it, you don’t have to keep moving your hands from keyboard to mouse and you can show off to all your friends who will think you’re some kind of coding genius when you make your text and pictures dance about the screen. Well, almost dance, the most dancing you’re likely to get your text to do is flash and move across the screen.
With BBCode you can,
- Add colour
- Add Pictures
- Video
- Make pictures, video and text clickable,
- Change text size
- Add sound
- Make words move across the screen
- Change text font
- Make words bold, italic, underlined
- Add hidden text
- Lets you speak to your audience by name
- And so much more
The gist is this: BBCode turns a forum into a simple word processor for its message posters.
This guide will show you some of the more useful Bulletin Board Code tags that you can use in most forums. Just remember that some forums require you to use lowercase letters for the tags (e.g [center]) whereas others require uppercase letters (e.g [CENTER]).
All BBC Tags take the form of an abbreviation, word, or some text, that is encased between one of these “[" and one these "]“ For example:
[colour=#BE0407]this text here[/colour]
That word, bit of text, is called a BB Tag (also, BBC Tag, BB Code and BBCode).
A ‘[b]‘forum post ‘[/b]‘with uninterpreted ‘[color=red]‘BBCode’[/color]‘ would look like this line
When adding a BB Tag into your post, your telling web browsers four things:
- When to start using the code
- What code to use (with a code word)
- When to stop using the code
- Which code to stop using
It isn’t as hard as it looks, I promise.
To tell a browser: “Hey, use some code for the next bit of text!” all you do is put the code tag between these “[" "]“. The code tag for “make it bold” is the letter “b” so to make text bold we type “make this next bit bold this text here until I say stop…”
To tell a browser: “Stop using that code now.” repeat the code tag with one of these “[", these "/" and this "]“. So to tell the browser to stop showing text in bold, you say “…You can stop using bold now, O.K.”
Just to get you started, here are some of the more basic and most used BB tags:
[b]…[/b] gives bold text
[i]…[/i] gives italic text
[u]…[/u] gives underlined text
[color=red]…[/color] gives red text
[color=blue]…[/color] gives blue text
[glow=gray,2,300][color=yellow]…[/color][/glow] gives yellow text with a gray background
[b][color=red]…[/color][/b] gives bold, red text
Those last two examples show the use of embeded BB Tags – the use of several tags to get a combined effect.
Go and post in the forum and try using some of the BB Tags. You will get some entertainment out of it, I’m sure.
Here’s a reference table of more of those tags, remember that some bulletin boards use UPPER CASE whereas others use lower case tag words:
| EFFECT | AFFECTS | START TAG | ENCASES | CLOSING TAG | ATTRIBUTES |
|---|---|---|---|---|---|
| Pop up Text | Mouse Over | [abbr=x] | Text | [/abbr] | Replace x with the text to appear on mouse over |
| Pop up Text | Mouse Over | [acronym=x] | Text | [/acronym] | Replace x with the text to appear on mouse over |
| Internal Link Tag | Link Anchor | [anchor=x] | Text | [/anchor] | Replace x with the anchor’s name |
| Bold Text | Font Emphasis | [b] | Text | [/b] | |
| Black Text | Font Color | [black] | Text | [/black] | |
| Blue Text | Font Color | [blue] | Text | [/blue] | |
| Line Break | Line Break | [br] | |||
| Central Alignment | Item Position | [center] | Text, Objects, Images | [/center] | |
| Highlights Code Text | Text Box | [code] | Text | [/code] | |
| Colors Text | Font Color | [color=x] | Text | [/color] | Replace x with the color for the text |
| Colours Text | Font Color | [colour=x] | Text | [/colour] | Replace x with the color for the text |
| Email Link | Link | [email=x] | Text | [/email] | Replace x with the email address |
| Flash Video | Object Insertion | [ flash=x,y] | URL | [ /flash] | X and Y limit the object’s horizontal and vertical size |
| Bouncing Text | Object Animation | [fly] | Text, Objects, Images | [/fly] | |
| Font Style | [font=x] | Text | [/font] | Replace x with the font to be used | |
| FTP link | Link | [ftp=x] | URL | [/ftp] | Replace x with the URL of the FTP file’s location |
| Glowing Text | Font Decoration | [glow=x,#,#2] | Text | [/glow] | Replace x with the color, # with the strength and #2 with the width |
| Green Text | Font Color | [green] | Text | [/green] | |
| Inserts Google Video | Object Insertion | [gv] | URL | [/gv] | |
| Horizontal Line | Line Break | [hr] | |||
| Italic Text | Font Emphasis | [i] | Text | [/i] | |
| Picture Insertion | Object Insertion | [img] | URL | [/img] | |
| Invisible Text | Font Color | [invis] | Text | [/invis] | |
| Internal Link | Link | [iurl=x] | Text | [/iurl] | Replace x with the internal URL of the link |
| Left Alignment | Item Position | [left] | Text, Objects, Images | [/left] | |
| Left-to-Right Text | Font Direction | [ltr] | Text | [/ltr] | |
| Activates for specific user | User ID | [me=x] | [/me] | Replace x with the intended user name | |
| Moves Text Right to Left | Item Animation | [move] | Text, Objects, Images | [/move] | |
| Use to Input Preformatted Text | Font Style | [pre] | Text | [/pre] | |
| Quicktime Video | Object Link | [quick] | URL | [/quick] | |
| Highlights Quoted Text | Text Box | [quote=x] | Text | [\quote] | Replace x with the name of the person quoted.Can be used as [quote] i.e no attibute |
| Realtime Video | Object Link | [real] | URL | [/real] | |
| Red Text | Font Color | [red] | Text | [/red] | |
| Right Alignment | Item Position | [right] | Text, Objects, Images | [/right] | |
| Right-to-Left Text | Font Direction | [rtl] | Text | [/rtl] | |
| Strike through | Font Decoration | [s] | Text | [/s] | |
| Text Shadow | Font Decoration | [shadow=x,y] | Text | [/shadow] | Replace x with the shadow’s color and y with its position |
| Font Size | Font Size | [size=#pt] | Text | [/size] | Replace # with the desired size for the text |
| Video Stream | Object Link | [stream] | URL | [/stream] | |
| Subscript | Font Style | [sub] | Text | [/sub] | |
| Superscript | Font Style | [sup] | Text | [/sup] | |
| Teletype Text | Font Style | [tt] | Text | [/tt] | |
| Underline | Font Decoration | [u] | Text | [/u] | |
| External Link | Link | [url=x] | Text, Objects, Images | [/url] | Replace x with the URL of the external link |
| White Text | Font Color | [white] | Text | [/white] | |
| YouTube Video | Object Link | [yt] | URL | [/yt] | |
| Displays Viewer’s Name | User ID | [you] |
Want to republish this content? Read the copyright notice first.. If you like it, support it.





