[TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL]

[TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] - Printable Version

+- Support Forums (https://www.supportforums.net)
+-- Forum: Categories (https://www.supportforums.net/forumdisplay.php?fid=87)
+--- Forum: Webmaster Support (https://www.supportforums.net/forumdisplay.php?fid=36)
+---- Forum: Forum Software Help (https://www.supportforums.net/forumdisplay.php?fid=49)
+---- Thread: [TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] (/showthread.php?tid=7918)

Pages: 1 2 3

[TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] - Sam - 06-21-2010

Hi there guys in this tutorial I am going to share all the BBCodes I have used over the years on my forums. They will include full description, usage and of course the HTML replacement.

Where to find BBCode Management:

MyBB:

Spoiler (Click to View)

PhpBB:

Spoiler (Click to View)

SMF:

Spoiler (Click to View)

BBCodes:

Google Video Embedded In Posts

Spoiler (Click to View)
BBCode Usage -
Code:
[googlevideo]{NUMBER}[/googlevideo]
HTML Replacement -
Code:
<object type="application/x-shockwave-flash" data="http://video.google.com/googleplayer.swf?docId=-{NUMBER}" width="400" height="326"> <param name="movie" value="http://video.google.com/googleplayer.swf?docId=-{NUMBER}" /> <param name="allowScriptAcess" value="sameDomain" /> <param name="quality" value="best" /> <param name="bgcolor" value="#FFFFFF" /> <param name="scale" value="noScale" /> <param name="salign" value="TL" /> <param name="FlashVars" value="playerMode=embedded" /> </object>
Example Usage -
Code:
[googlevideo]video ID number[/googlevideo]
YouTube Embedded Video In Posts

Spoiler (Click to View)
BBCode Usage -
Code:
[youtube]{IDENTIFIER}[/youtube]
HTML Replacement -
Code:
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/{IDENTIFIER}" width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/{IDENTIFIER}" /> <param name="wmode" value="transparent" /> </object>
Example Usage -
Code:
[youtube]YouTube video ID string here[/youtube]
Coloured Post Background

Spoiler (Click to View)
BBCode Usage -
Code:
[background={COLOR}]{TEXT}[/background]
HTML Replacement -
Code:
<span style="background-color: {COLOR};">{TEXT}</span>
Example Usage -
Code:
[background=yellow]text on a yellow background[/background]
Blinking Text

Spoiler (Click to View)
BBCode Usage -
Code:
[blink]{TEXT}[/blink]
HTML Replacement -
Code:
<span style="text-decoration: blink;">{TEXT}</span>
Example Usage -
Code:
[blink]blinking text[/blink]
MP3 Code

Spoiler (Click to View)
BBCode Usage -
Code:
[scmp3]{URL}[/scmp3]
HTML Replacement -
Code:
<object type="application/x-shockwave-flash" data="images/scmp3player.swf" id="mp3player1" height="24" width="290"> <param name="movie" value="images/scmp3player.swf"> <param name="FlashVars" value="playerID=1&bg=0x9DA5BF&leftbg=0xeeeeee&lefticon=0x666666&rightbg=0x394670&rightbghover=0x999999&righticon=0xE7E7EF&righticonhover=0xffffff&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x9FFFB8&loop=no&autostart=no&soundFile={URL}"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object>
Example Usage -
Code:
[scmp3]http://music.incompetech.com/royalty-free/Stringed%20Disco.mp3[/scmp3]

Those are just a few of the ones I've used and examples on how to use them. Now if you're looking for some really awesome ones then please visit this fantastic site:
http://www.phpbb3bbcodes.com

This concludes my little tutorial on BBCodes. I hope you found it informative and you're a little bit clearer on how to implement them Tongue

Thank you.

- Sam

Please note that I did not create any of these BBCodes, I simply sourced them from past experience of my favorite ones. Always be careful if you create you own, HTML could really screw your site if you don't implement correctly. Thank you. Sourced from -- http://www.phpbb3bbcodes.com // http://www.phpbb.com/kb/article/adding-custom-bbcodes-in-phpbb3/

RE: [TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] - MarkW7 - 06-21-2010

The Coloured Post Background isn't working on MyBB? Any ideas.

RE: [TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] - Sam - 06-21-2010

Try inserting a HTML color code in the replacement. This will mean only one background colour is allowed though... Not quite sure what your problem is.

RE: [TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] - Pedobear™ - 06-21-2010

I actually needed this on my forum. Thanks alot. (:

RE: [TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] - Thomas - 06-21-2010

Very helpful, I'll be using these very soon.

RE: [TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] - Sam - 06-21-2010

Thanks for your support fellas.

RE: [TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] - MarkW7 - 06-22-2010

No, it's not working. Have you tried it on MyBB?

For starters it's:

Title
Short Description
Regular Expression
Replacement
Parse Order

RE: [TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] - Sam - 06-22-2010

(06-22-2010, 09:07 AM)MarkW7 Wrote: No, it's not working. Have you tried it on MyBB?

For starters it's:

Title
Short Description
Regular Expression
Replacement
Parse Order

Sorry I don't comprehend.

RE: [TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] - Ally Mac - 06-22-2010

Awesome tutorial, I may plan to use this in the future, thanks for this!

~A

RE: [TUTORIAL] Sams's BBCodes Forum Forums [TUTORIAL] - Sam - 06-22-2010

No problem Tongue