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

[Sam]

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)

If you are running MyBB then navigate to Admin CP>>Configuration>>MyCode

PhpBB:

Spoiler (Click to View)

If you are running PhpBB then navigate to Administrator Panel>>Posting>>BBCodes

SMF:

Spoiler (Click to View)

If you're using SMF then navigate to Admin>>Posts & Topics>>Bulletin Board Code

---

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&amp;bg=0x9DA5BF&amp;leftbg=0xeeeeee&amp;lefticon=0x666666&amp;rightbg=0x394670&amp;rightbghover=0x999999&amp;righticon=0xE7E7EF&amp;righticonhover=0xffffff&amp;text=0x666666&amp;slider=0x666666&amp;track=0xFFFFFF&amp;border=0x666666&amp;loader=0x9FFFB8&amp;loop=no&amp;autostart=no&amp;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

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-c...in-phpbb3/

[MarkW7]

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

[Sam]

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.

[Pedobear™]

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

[Thomas]

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

[Sam]

Thanks for your support fellas.

[MarkW7]

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

For starters it's:

Title
Short Description
Regular Expression
Replacement
Parse Order

[Sam]

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.

[Ally Mac]

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


~A

[Sam]

No problem