A place I write about my personal and professional life, sharing experiences and an occasional rant about anything and everything that comes to my head. Thanks for visiting!

Improvise your forum posts in BBcode

BBcode is short for Bulletin Board code. It is a markup language that can be used by forum users to format their messages. This help page describes what BBcode can be used on any forum which supports BBcode.

  1. Bold text: [b]...[/b]
  2. Underlined text: [u]...[/u]
  3. Italic text: [i]...[/i]
  4. Striked through text: [s]...[/s]
By using these tags, you can apply styles to pieces of text. Examples:
[b]This text is bold[/b]
[u]This text is underlined[/u]
[i]This text is italic[/i]
[s]This text is striked through[/s]
[b][i]This text[/i] is [s]mixet[/s] mixed[/b]

These will be displayed as:
This text is bold
This text is italic
This text is underlined
This text is striked through
This text is mixet mixed
Superscript: [sup]...[/sup]
Subscript: [sub]...[/sub]
By using these tags, you can print a piece of text using subscript or superscript. This is for example useful for things like "24 = 16" or "H2O". Example:
[sup]superscript[/sup] normal [sub]subscript[/sub]
This will be displayed as:
superscript normal subscript
Font color: [color=...]...[/color]
This tag can be used for applying a color to a piece of text. The color has to be a valid HTML color code (e.g. "blue", "red", "#ff0000", "#888", etc.). Example:
Who is afraid of [color=red]red[/color], [color=#eeaa00]yellow[/color] and [color=#30f]blue[/color]?
This will be displayed as:
Who is afraid of red, yellow and blue?
Font size: [size=...]...[/size]
This tag can be used for resizing a piece of text. The size has to be a valid HTML size indication (e.g. "12px", "small", "large", etc.). Example:
[size=x-small]It[/size] [size=small]looks[/size] [size=medium]like[/size] [size=large]I'm[/size] [size=x-large]growing![/size]
This will be displayed as:
It looks like I'm growing!
Center text: [center]...[/center]
You can use this for centering a piece of text on the center of the screen. Example:
[center]I'm right in the middle of it all[/center]
This will be displayed as:

I'm right in the middle of it all

Link an image from the web: [img]...[/img]
Link to a website: [url]...[/url] or [url=...]...[/url]
Link to an email address [email]...[/email]
These are all tags for linking web resources. Here are some examples:
[img]http://www.somesite.com/cool/thumbsup.gif[/img]
[url]http://www.test.org[/url]
[url=http://www.test.org]Visit Phorum.org![/url]
[email]someuser@somesite.com[/email]

These will be displayed as:

[www.test.org]
Visit test.org!
someuser@somesite.com
Monospaced, formatted code: [code]...[/code]
Sometimes, you might have things like ASCII art, programming code, guitar TABs, etc., which you want to put in your message. For those cases, you can use the [code] tag. Example:
[code]
_____ _
| __ \| |
| |__) | |__ ___ _ __ _ _ _ __ ___
| ___/| '_ \ / _ \| '__| | | | '_ ` _ \
| | | | | | (_) | | | |_| | | | | | |
|_| |_| |_|\___/|_| \__,_|_| |_| |_|
[/code]

Without the [code] around it, this would look totally scrambled, like:


_____ _


| __ \| |


| |__) | |__ ___ _ __ _ _ _ __ ___


| ___/| '_ \ / _ \| '__| | | | '_ ` _ \


| | | | | | (_) | | | |_| | | | | | |


|_| |_| |_|\___/|_| \__,_|_| |_| |_|


But with the [code] around it, it looks like:

  _____  _                                
| __ \| |
| |__) | |__ ___ _ __ _ _ _ __ ___
| ___/| '_ \ / _ \| '__| | | | '_ ` _ \
| | | | | | (_) | | | |_| | | | | | |
|_| |_| |_|\___/|_| \__,_|_| |_| |_|


Quoted text: [quote]...[/quote] or [quote=...]...[/quote]

If you want to add some quote to your message, you can use this tag. You can choose whether you want to include the name of the person that you quote or not. Examples:


[quote]sadikhov is the best![/quote]

[quote=From Hamlet, by William Shakespeare]


To be or not to be, --that is the question:--


Whether 'tis nobler in the mind to suffer


The slings and arrows of outrageous fortune


Or to take arms against a sea of troubles,


And by opposing end them?


[/quote]



These will be displayed as:

Quote:

Sadikhov is the best!




Quote:

From Hamlet, by William Shakespeare


To be or not to be, --that is the question:--


Whether 'tis nobler in the mind to suffer


The slings and arrows of outrageous fortune


Or to take arms against a sea of troubles,


And by opposing end them?




Add a horizontal separator line: [hr]


To add a separator line to your message, you can use [hr]. This will look like:




This is mainly useful for adding structure to very long messages.



Add an Image



To add an image in BBcode,



1. Upload your image from the Local HDD to an image hosting server like..




  1. www.imageshack.us


  2. www.imagehosting.com


  3. www.tinypic.com



2. Obtain the URL, say http://i32.tinypic.com/2czyir4.gif, then wrap in [IMG][/IMG] like this



[img]http://i32.tinypic.com/2czyir4.gif[/img]



The Display is





Add Flash



People prefer to add flash to their signatures or post, (not supported in Sadikhov).. Let's face it - although allowing users to post Flash on your board opens up a gateway for abuse (loud sounds/strobing/auto-popups), Flash can be useful in so many ways. For sigs, it's possible to create shoutboxes, fractal trees, games, API 3D art, and all for a fraction of the size of a gif (assuming you know your way around Flash, of course =).


This mod will allow your users to specify 'transparent' or 'non-transparent' when using the [flash] BBCode tags to post a .swf - any objects on the Flash stage will appear, but the background (canvas) colour of the .swf file will not be visible, so the IPB background will show through.


This mod is particularly useful if you have variety of dark/light skins installed, since it will prevent colour-clashing between the swf background and the board colours


Usage:


[flash=400,60,0]http://server.net/folder/swfname.swf[/flash]


Will show the Flash normally, with an opaque background (the colour of the Flash canvas)


[flash=400,60,1]http://server.net/folder/swfname.swf[/flash]


Will show the Flash with a transparent background (Flash canvas colour will not show)




Technorati Tags: ,,



del.icio.us Tags:
Toggle menu