Example BBC Codes

Started by Chen Zhen, July 06, 2013, 03:51:37 PM

previous topic - next topic

Chen Zhen

July 06, 2013, 03:51:37 PM Last Edit: December 27, 2015, 10:50:58 PM by Chen Zhen
Some BB codes

A list of BB Codes and example HTML to create your own:
Existing SMF BBC's
Link TV Embedded Video HTML

This site has additional custom BB Codes:  (More will be added and listed here over time..)




no parsing and no trim
{content} - is the variable your bb code generator uses.


Some javascript and/or HTML (<- ie. object/embed) require absolutely no whitespace to work properly.
In order for this type of entry to function you may be required to use the trim whitespace option within your BBCode editor where you can opt "both".






[html2]
Example usage:
[divx]http://example.com/movies/movie_title.divx[/divx]

Code for use within the BBCode editor:

<object codebase="http://go.divx.com/plugin/DivXBrowserPlugin.cab"; classid="clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616" width="700" height="375">
<param name="autoplay" value="false">
<param name="src" value="{content}">
<param name="custommode" value="Stage6">
<param name="showpostplaybackad" value="false">
<param name="previewimage" value="http://www.zunescene.com/divx.jpg">;
<embed type="video/divx" src="{content}" pluginspage="http://go.divx.com/plugin/download/"; showpostplaybackad="false" custommode="Stage6" previewimage="http://www.zunescene.com/divx.jpg"; autoplay="false" width="700" height="375"></object>
[/html2]





[html2]
Example Usage:
[divx2]http://example.com/movies/movie_title.divx[/divx2]

Code for use within the BBCode editor:

<object classid="clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616" width="680" height="430" codebase="http://go.divx.com/plugin/DivXBrowserPlugin.cab">;
<param name="custommode" value="none" />
<param name="allowContextMenu" value="false" />
<param name="src" value="{content}" />
<embed type="video/divx" src="{content}" custommode="none" width="680" height="430" allowContextMenu="false"  pluginspage="http://go.divx.com/plugin/download/">;
</embed>
</object>
[/html2]





[html2]

Example Usage:
[iframe]http://example.com/example.php[/iframe]

Code for use within the BBCode editor:

<iframe name="go4entFrm" height="385" width="458" src="http://go4ent.com/frames/go4entFrm.php?urls={content}*{content}*{content}*{content}*{content}*{content}*{content}&isdwnld=true&amp;siteName1=Videostic&amp;siteLink=http://videostic.com"; border="0" frameborder="0"  height="385" width="458"  scrolling="no" ></iframe>
[/html2]





[html2]
Example Usage:
[jtv][/jtv]

Code for use within the BBCode editor:

<object type="application/x-shockwave-flash" height="400" width="420" id="jtv_player_flash" data="http://www.justin.tv/widgets/jtv_player.swf?channel={content}"; bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="movie" value="http://www.justin.tv/widgets/jtv_player.swf"; /><param name="flashvars" value="channel={content}&auto_play=false&start_volume=25" /></object>
[/html2]





[html2]
Example Usage:
[mp3]http://example.com/music/song.mp3[/mp3]

Code for use within the BBCode editor:

<object type="application/x-shockwave-flash" data="http://www.board.anarchysq.com/bbcode/Player/player.swf"; id="audioplayer1" height="24" width="290">
<param name="movie" value="http://www.board.anarchysq.com/bbcode/Player/player.swf"; />
<param name="FlashVars" value="playerID=1&soundFile={content}" />
<param name="quality" value="high" />
<param name="menu" value="true" />
<param name="wmode" value="transparent" />
</object>
[/html2]





Novamov
[html2]

Example Usage:
[nova][/nova]

Code for use within the BBCode editor:

<iframe style='overflow: hidden; border: 0; width: 600px; height: 480px' src='http://www.novamov.com/embed.php?v={content}' scrolling='no'></iframe>
[/html2]





[html2]
Example Usage:
[ustream][/ustream]

Code for use within the BBCode editor:

<object width="425" height="344"><param name="movie" value="http://www.ustream.tv/flash/{content}"></param><param name="wmode" value="transparent"></param><embed src="http://www.ustream.tv/flash/{content}"; type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>
[/html2]





veoh anime
[html2]
Example Usage:
[veoh][/veoh]

Code for use within the BBCode editor:

<embed src="http://www.veoh.com/browse/videos/category/animation/watch/{content}"; width="320" height="240" quality="low" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>;
[/html2]





[html2]
Example Usage:
[xtshare][/xtshare]

Code for use within the BBCode editor:

<iframe style='overflow: hidden; border: 0; width: 600px; height: 480px' src='http://xtshare.com/toshare.php?Id={content}' ;  scrolling='no'></iframe>
[/html2]





[html2]
Example Usage:
[youku][/youku]

Code for use within the BBCode editor:

<object width="525" height="444"><param name="movie" value="http://static.youku.com/v1.0.0028/v/swf/qplayer.swf?VideoIDS={content}"></param><param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed src="http://static.youku.com/v1.0.0028/v/swf/qplayer.swf?VideoIDS={content}"; type="application/x-shockwave-flash"allowscriptaccess="always" allowFullScreen="true" width="525" height="444"></embed></object>
[/html2]





[html2]
Example Usage:
[youku2][/youku2]

Code for use within the BBCode editor:

<iframe name="go4entFrm" height="385" width="458" src="http://go4ent.com/frames/go4entFrm.php?urls=http://f.youku.com/player/getFlvPath/fileid/{content}&isdwnld=true&siteName1=Videostic&siteLink=http://videostic.com"; border="0" frameborder="0"  height="385" width="458"  scrolling="yes" ></iframe>
[/html2]





[html2]
Youtube embed

Example Usage:
[youtube]YbpiytTvjw8[/youtube]

Code for use within the BBCode editor:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/{content}"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/{content}"; type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>
[/html2]





Youtube iframe #1 (traditional ~ ID only)

[html2]
Example Usage:
[youtube]YbpiytTvjw8[/youtube]

Code for use within the BBCode editor:

<iframe width="560" height="315" src="//www.youtube.com/embed/{content}"; frameborder="0" allowfullscreen></iframe>
[/html2]





NEW! ~ Optional Youtube BBCode for Personalized BBC v1.91 + ~ Works with id or url
Note: This specific code is only native to this modification and will not work with other BBCode modifications.
It will work with a BBCode user input of a Youtube url or just a Youtube ID


[html2]
Example Usage:
[youtube]MWD9RMp_Gfk[/youtube]
[youtube]https://www.youtube.com/watch?v=MWD9RMp_Gfk[/youtube]
[youtube]http://www.youtube.com/watch?v=OWBFKL6H7rI[/youtube]


Code for use within the BBCode editor:

<iframe onload="pbbcHttpRequest(this)" style="display:none;width:560px;height:350px;border:0px;" src="//www.youtube.com/embed/">{content}</iframe>;
[/html2]





Change text to HTML entities (ie. to post example BBCodes)

[html2]
Example Usage:
[html_ent]This is a test line of text ... <div></div>
[/html_ent]

Code for use within the BBCode editor:

<script type="text/javascript">
function website_htmlentities(string, quote_style, charset, double_encode) {
  var hash_map = this.get_html_translation_table("HTML_ENTITIES", quote_style),
    symbol = "";
  string = string == null ? "" : string + "";

  if (!hash_map) {
    return false;
  }

  if (quote_style && quote_style === "ENT_QUOTES") {
    hash_map["'"] = "'";
  }

  if ( !! double_encode || double_encode == null) {
    for (symbol in hash_map) {
      if (hash_map.hasOwnProperty(symbol)) {
        string = string.split(symbol)
          .join(hash_map[symbol]);
      }
    }
  } else {
    string = string.replace(/([\s\S]*?)(&(?:#\d+|#x[\da-f]+|[a-zA-Z][\da-z]*);|$)/g, function(ignore, text, entity) {
      for (symbol in hash_map) {
        if (hash_map.hasOwnProperty(symbol)) {
          text = text.split(symbol)
            .join(hash_map[symbol]);
        }
      }

      return text + entity;
    });
  }

  return string;
}
window.onload = function() {
var website_post_lines = document.getElementsByClassName("website_post_content");
for (i=0;i<website_post_lines.length;i++) {
website_post_lines.innerHTML = website_htmlentities(website_post_lines.innerHTML, "ENT_QUOTES");
}
};
</script>
<span class="website_post_content">{content}</span>
[/html2]

__________________________________________________________________________________________________________________________________


__________________________________________________________________________________________________________________________________


__________________________________________________________________________________________________________________________________


More BB Codes c/o Cleftangel:

Quote from: Cleftangel
Greetings,

here are some of my BBCodes I use in my forum thought it would be great to share them.


Tag name cool

Description allows users to post their colliris album to your forum

How to use User must copy and paste the code from the URL begining with Z

The HTML used for the tag
Code Select
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyNzg2ODg4NzYzNzImcHQ9MTI3ODY4ODg3OTU*MiZwPTkwMjA1MSZkPSZnPTEmb2Y9MA==.gif" /><object id="ci_69474_o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="480"><param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><param name="bgColor" value="#121212" /><param name="flashvars" value="fv={content}" /><param name="wmode" value="opaque" /><embed id="ci_69474_e" type="application/x-shockwave-flash" src="http://apps.cooliris.com/embed/cooliris.swf" width="600" height="480" allowFullScreen="true" allowScriptAccess="always" bgColor="#121212" flashvars="fv={content}" wmode="opaque"></embed></object>

Tag name gamespot

Description embed gamespot video

How to use the user copies and pastes the id # of the video

The HTML used for the tag
Code Select
<embed id="mymovie" width="600" height="500" flashvars="playerMode=embedded&movieAspect=4.3&flavor=EmbeddedPlayerVersion&skin=http://image.com.com/gamespot/images/cne_flash/production/media_player/proteus/one/skins/gamespot.png&paramsURI=http://www.gamespot.com/pages/video_player/xml.php?id={content}&mode=embedded&width=432&height=362/" wmode="transparent" allowscriptaccess="always" quality="high" name="mymovie" style="" src="http://image.com.com/gamespot/images/cne_flash/production/media_player/proteus/one/proteus2.swf" type="application/x-shockwave-flash"/>

Tag name iframe

Description frames another website in the forum

how to use the user pastes the url

The HTML used for the tag
Code Select
  <table width="100%" cellspacing="0" cellpadding="0" style="height:650px"><tr valign="top"><td> <IFRAME SRC="{content}" WIDTH=100% HEIGHT=600>&nbsp;</IFRAME></P></td></tr></table>

Tag name led

Description scrolling led message

How to use [led=colour] your text here[/led] (Do not use and punctuation as the system can not recognise it)

The HTML used for the tag
Code Select
<div align=center>
<embed FlashVars="bt={content} &cl={option}" src="http://www.superpimper.com/generators/LED_Scroller/LED_Scroller.swf" quality="high" wmode="transparent" bgcolor="000000" width="380" height="50" name="blipsy-sign" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"><br />
</div>
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMzMzMjE5NDU4NzUmcHQ9MTIzMzMyMTk1NjQ2OCZwPTE5NTAxJmQ9Jmc9MSZ*PSZvPTc3NDA*ODdmODJmNTRkOGVhN2NjZjQ1OWIxMzczZDlj.gif" />


Tag name mp3

Description links to mp3 music and allows it to be played from the post in a simple player

How to use firstly save this image: to your root and call it podcast.gif this is for the download button. then to link to the music enter the bbcode with the url pasted

The HTML used for the tag
Code Select
<p style="color: rgb(0, 0, 0); font-family: Arial,sans-serif; font-size: 11px; font-weight: normal; text-align: center; text-decoration: none;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id="dewplayer" height="20" width="200">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.estvideo.com/dew/media/dewplayer.swf?son={content}&amp;autostart=0&amp;bgcolor=FFFFFF" />
<param name="quality" value="high" />
<param name="bgcolor" value="FFFFFF" />
<embed src="http://www.estvideo.com/dew/media/dewplayer.swf?son={content}&amp;autostart=0&amp;bgcolor=FFFFFF" quality="high" bgcolor="FFFFFF" name="dewplayer" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="20" width="200" /></object> <a href="{content}"><img style="border: medium none ; text-decoration: none;" src="podcast.gif" title="Podcast" alt="Podcast" /></a></p>


Tag name popup

Description creates a popup which user must click OK to

how to use enter text between tags

The HTML used for the tag
Code Select
<script type="text/javascript">
alert("{content}")
</script>


Tag name radio

Description places a really nice shoutcast radio on your forum

how to use: just place tag [radio]

The HTML used for the tag
Code Select
<div id="Shoutcast"><script src="http://www.aolcdn.com/widgets/swftag_v1_6_1_minimal.js" type="text/javascript" language="javascript"></script><script language="javascript" type="text/javascript"> var dt = new Date(); var tm = dt.getTime(); var fileToLoad = "http://o.aolcdn.com/shoutcast/widget/radio/ShoutcastV1.swf"   "?random="   tm; var frameSwf = new SWFTag("miniagmmodule.swf", fileToLoad , "300", "400", SWFTag.V9); frameSwf.setAllowScriptAccess(SWFTag.ALWAYS); frameSwf.setBgColor("#ffffff");frameSwf.write(document);</script>   </div>

Tag name spoiler

Description Creates a button the user must click to unhide text or pic

how to use place sploiler tag with text or url to image between

The HTML used for the tag
Code Select
<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;">{content}</div></div></div>

Tag name spoiler 2

Description hides text which user msut highlight with mouse to read

use spoiler2 tag text spolier2 tag

The HTML used for the tag
Code Select
<tag><strong>SPOILER:</strong><span style="background-color: #FFFFFF; color: #FFFFFF;">{content}</span></tag>

Tag name vlc

Description palys vlc video through your forum


use place url to video between tags

The HTML used for the tag
Code Select
<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="600" height="480" id="vlc" events="True">
        <param name="Src" value="{URL}"></param>
        <param name="ShowDisplay" value="True" ></param>
        <param name="AutoLoop" value="no"></param>
        <param name="AutoPlay" value="yes"></param>
        <embed type="application/x-google-vlc-plugin" name="vlcfirefox" autoplay="yes" loop="no" width="600" height="480" target="{content}"></embed>
    </object>


Tag name warn

Description warn a user with a warning box

use place text between tags

The HTML used for the tag
Code Select
<table style='margin:0;width:450px;min-height:100px;border:1px dashed #740000;'><tr><td align='middle' bgcolor='#ff6060' valign='center' width='1%'><br /><FONT color='#ffffff' size=' 7'><b> ! </b></font><br /></td>
<td valign='top' cellpadding="5" style='background:#F2DDDD' >{content}</td>
</tr></table>


Tag name youtube

Description allows fullscreen, different colour choices

Use: Copy after ?v= onwards and paste between tags

The HTML used for the tag
Code Select
<iframe width="560" height="315" src="//www.youtube.com/embed/{content}" frameborder="0" allowfullscreen></iframe>

milenyals

thank you for all the information