FreeForums.org Knowledge Base

Custom BBCodes List

Here is a list of Custom BBCodes you could add to your Forum. If you're wondering on how to add Custom BBCodes, please take a look here. To add Custom BBCodes you will have to go to the Administration Control Panel (ACP) and select the Advanced Admin Panel, which can be selected in the upper right corner. Now you will have to go to the Posting tab and select "BBCodes". So, you're now here:
Advanced ACP » Posting tab » BBCodes

We will update this Custom BBCodes List regurarely, so make sure to check back once in a while!

Below you will find all the BBCode Usages, HTML Replacements and Help lines. Display on posting page is not included as you should decide if you want to have it displayed on the posting page or not.


YouTube - Entire URL
BBCode Usage:
[youtube]http://www.youtube.com/watch?v={TEXT}[/youtube]

HTML Replacement
<value="http://www.youtube.com/v/{TEXT}"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/{TEXT}" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

Help line:
Enter the Entire YouTube URL
YouTube - Video ID
BBCode Usage:
[youtube]{TEXT}[/youtube]

HTML Replacement
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/{TEXT}" width="425" height="350"><param name="movie" value="http://www.youtube.com/v/{TEXT}" /><param name="wmode" value="transparent" /></object>

Help line:
Enter the Video ID string - The Video ID string is the part after v= in the URL
Vimeo - Entire URL
BBCode Usage:
[vimeo]http://vimeo.com/{TEXT}[/vimeo]

HTML Replacement
<object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id={TEXT}" /><embed src="http://vimeo.com/moogaloop.swf?clip_id={TEXT}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>

Help line:
Enter the Entire vimeo URL
Vimeo - Video ID
BBCode Usage:
[vimeo]{TEXT}[/vimeo]

HTML Replacement
<object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id={TEXT}" /><embed src="http://vimeo.com/moogaloop.swf?clip_id={TEXT}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>

Help line:
Enter the Video ID
Google Video
BBCode Usage:
[googlevideo]{NUMBER}[/googlevideo]

HTML Replacement
<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>

Help line:
Enter the video ID number -- the video ID is a 18 digit number is after docid=- in the URL
Horizontal Line
BBCode Usage:
[hr]

HTML Replacement
<hr />

Help line:
Inserts a Horizontal Line
Font
BBCode Usage:
[font={TEXT1}]{TEXT2}[/font]

HTML Replacement
<span style="font-family:{TEXT1}">{TEXT2}<span>

Help line:
Choose a Font Type: [font=Courier New]Your Text[/font]
Allignment
BBCode Usage:
[allign={IDENTIFIER}]{TEXT}[/allign]

HTML Replacement
<div align="{IDENTIFIER}">{TEXT}</div>

Help line:
Alligns to your choice: [allign=center]Centered text[/allign] - center / right / left / justify
Center Allignment
BBCode Usage:
[center]{TEXT}[/center]

HTML Replacement
<div align="center">{TEXT}</div>

Help line:
Centers the Text
Right Allignment
BBCode Usage:
[right]{TEXT}[/right]

HTML Replacement
<div align="right">{TEXT}</div>

Help line:
Alligns to the right side
Justify Allignment
BBCode Usage:
[justify]{TEXT}[/justify]

HTML Replacement
<div align="justify">{TEXT}</div>

Help line:
Justified Allignment
Strike Through Text
BBCode Usage:
[s]{TEXT}[/s]

HTML Replacement
<strike>{TEXT}</strike>

Help line:
Strike through text
Subscripted Text
BBCode Usage:
[sub]{TEXT}[/sub]

HTML Replacement
<sub>{TEXT}</sub>

Help line:
Subscripted Text
Superscripted Text
BBCode Usage:
[sup]{TEXT}[/sup]

HTML Replacement
<sup>{TEXT}</sup>

Help line:
Superscripted Text
Marquee
BBCode Usage:
[marquee={COLOR}]{TEXT}[/marquee]

HTML Replacement
<marquee style="color:{COLOR}"  onmouseout="this.start()" onmouseover="this.stop()" loop="-1" scrollamount="4" width="100%">{TEXT}</marquee>

Help line:
[marquee=COLOR HERE]TEXT HERE[/marquee]
Search
BBCode Usage:
[search]{TEXT}[/search]

HTML Replacement
<a href="search.php?keywords={TEXT}" title="Search for: {TEXT}"><img src="styles/prosilver/theme/images/icon_textbox_search.gif" width="12" height="13"/>  {TEXT}</a>

Help line:
Use to post Search Results
Spoiler
BBCode Usage:
[spoiler]{TEXT}[/spoiler]

HTML Replacement
<div style="margin:20px;margin-top:5px"><div class="quotetitle"><b>Spoiler:</b> <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" /></div><div class="quotecontent"><div style="display:none;">{TEXT}</div></div></div>

Help line:
Hides anything inside it
Editing Notes
BBCode Usage:
[note]{TEXT}[/note]

HTML Replacement
<!-- {TEXT} -->

Help line:
Notes that can only be seen when editing the post
Editing Notes
BBCode Usage:
[googlemaps]{TEXT}[/googlemaps ]

HTML Replacement
<iframe width="720" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="{TEXT}&output=embed"></iframe>

Help line:
Google Map: [googlemap]User map URL[/googlemap]
 



Article Details

Last Updated
19th of November, 2009

Would you like to...

Print this page Print this page

Email this page Email this page

Post a comment Post a comment

Subscribe me

Add to favorites Add to favorites

Remove Highlighting Remove Highlighting

Edit this Article

Quick Edit

Export to PDF

User Opinions (23 votes)

95% thumbs up 4% thumbs down

How would you rate this answer?



Thank you for rating this answer.

Continue