BBCode Help
Epic Words supports the following BBCodes (bulletin board codes) for generating your content.
Align this object using float
Example:Here's a wrapped image: [align=right][img]image.png[/img][/align]
Here's a wrapped image: <span class="bb-ruby_align_right" style="float:right;"><img src="image.png" /></span>
Hyperlink to somewhere else
Example:Maybe try looking on [url="http://google.com"]Google[/url]?
Maybe try looking on <a href=""http://google.com"" target="__BLANK">Google</a>?
Bold text
Example:Look [b]here[/b]
Look <STRONG>here</STRONG>
Center Align
Example:[center]text[/center]
<div style="text-align: center">text</div>
Code Text
Example:[code]some code[/code]
<code>some code</code>
Change text color
Example:[color=red]This is red text[/color]
[color=red]This is red text[/color]
Definition definitions
Example:[dd]my definition[/dd
[dd]my definition[/dd
List of terms/items and their definitions
Example:[dl][dt]Fusion Reactor[/dt][dd]Chamber that provides power to your... nerd stuff[/dd][dt]Mass Cannon[/dt][dd]A gun of some sort[/dd][/dl]
<dl><dt>Fusion Reactor</dt><dd>Chamber that provides power to your... nerd stuff</dd><dt>Mass Cannon</dt><dd>A gun of some sort</dd></dl>
List of definition terms
Example:[dt]definition term[/dt]
<dt>definition term</dt>
Deleted text
Example:[del]deleted text[/del]
<del>deleted text</del>
[email="foo@bar.com"]text[/email]
[email="foo@bar.com"]text[/email]
Font
Example:[font="Comic Sans MS"]text[/font]
<span style="font-family: Comic Sans MS;">text</span>
Display a video from Google Video
Example:[gvideo]http://video.google.com/videoplay?docid=-2200109535941088987[/gvideo]
<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-2200109535941088987" flashvars=""> </embed>
Image
Example:[img]/images/EpicWordsBG.gif[/img]
<img src="/images/EpicWordsBG.gif" />
Display an image (alternative format)
Example:[img=http://myimage.com/logo.gif]
<img src="http://myimage.com/logo.gif" alt="" />
Display an image with a set width and height
Example:[img size=96x96]http://www.google.com/intl/en_ALL/images/logo.gif[/img]
[img size=96x96]http://www.google.com/intl/en_ALL/images/logo.gif[/img]
Inserted Text
Example:[ins]inserted text[/del]
[ins]inserted text[/del]
Italicize or emphasize text
Example:Even my [i]cat[/i] was chasing the mailman!
Even my <em>cat</em> was chasing the mailman!
Left Align
Example:[left]text[/left]
<div style="text-align: left">text</div>
Hyperlink to somewhere else
Example:Maybe try looking on [url="http://google.com"]Google[/url]?
Maybe try looking on <a href=""http://google.com"" target="__BLANK">Google</a>?
Hyperlink (automatic without leading http(s))
Example:Maybe try looking on www.google.com
Maybe try looking on <a href="http://www.google.com">www.google.com</a>
Hyperlink (automatic)
Example:Maybe try looking on http://www.google.com
Maybe try looking on <a href="http://www.google.com">http://www.google.com</a>
Hyperlink (implied)
Example:Maybe try looking on [url]http://google.com[/url]
Maybe try looking on <a href="http://google.com">http://google.com</a>
List item
Example:See ol or ul
See ol or ul
List item
Example:[list][li]list item[\li][li]list item 2[\li][li]list item 3[\li][/list]
<ul><li>list item[\li][li]list item 2[\li][li]list item 3</li></ul>
List item
Example:[list]<br />[*]list item<br />[*]list item 2<br />[*]list item 3<br />[/list]
<ul>
<li>list item</li><li>list item 2</li><li>list item 3</li></ul>
Named anchor tag. Used to scroll to a specific location on long posts.
Example:Look at this [URL="#unique_section_name"]section below[/URL]<br /><br /><br />[ANCHOR]unique_section_name[/ANCHOR]Section
Look at this <a href=""#unique_section_name"" target="__BLANK">section below</a>
<a name="unique_section_name"></a>Section
Non-breaking space
Example:[SP][SP][SP]This sentence is indented three spaces.[SP][SP][SP]This has three more spaces before it.
This sentence is indented three spaces. This has three more spaces before it.
Ordered list
Example:My favorite people (alphabetical order): [ol][li]Jenny[/li][li]Alex[/li][li]Beth[/li][/ol]
My favorite people (alphabetical order): <ol><li>Jenny</li><li>Alex</li><li>Beth</li></ol>
Numerically ordered list
Example:[list=1][*]list item<br />[*]list item<br />[*]list item<br />[/list]
<ol><li>list item</li><li>list item</li><li>list item</li></ol>
Ordered list alphabetically
Example:[list=a][*]item 1[*] item2[/list]
<ol sytle="list-style-type: lower-alpha;">[*]item 1[*] item2</ol>
Ordered list numerically
Example:[list=1][*]item 1[*] item2[/list]
<ol>[*]item 1[*] item2</ol>
Out of Character
Example:[OOC]Out-of-character comment.[/OOC]
<div class="ooc">Out-of-character comment.</div>
Preformatted code
Example:[pre]preformatted text[/pre]
<PRE>preformatted text</PRE>
Quote with citation
Example:[quote=mike]Now is the time...[/quote]
<fieldset><legend>mike</legend><blockquote>Now is the time...</blockquote></fieldset>
Quote (sourceclass)
Example:[quote]Now is the time...[/quote]
<fieldset><blockquote>Now is the time...</blockquote></fieldset>
Right Align
Example:[right]text[/right]
<div style="text-align: right">text</div>
Font size
Example:[size=1]1[/size][size=2]2[/size][size=3]3[/size][size=4]4[/size]
<font size="1">1</font><font size="2">2</font><font size="3">3</font><font size="4">4</font>
Strikeout
Example:[s]nevermind[/s]
<del>nevermind</del>
Table
Example:[TABLE]<br />[TR]<br />[TD]Data 1[/TD][TD]Data 2[/TD]<br />[/TR]<br />[TR]<br />[TD]A[/TD][TD]B[/TD]<br />[/TR]<br />[/TABLE]
<table><tr><td>Data 1</td><td>Data 2</td></tr><tr><td>A</td><td>B</td></tr></table>
Table Data
Example:[TABLE]<br />[TR]<br />[TD]Data 1[/TD][TD]Data 2[/TD]<br />[/TR]<br />[TR]<br />[TD]A[/TD][TD]B[/TD]<br />[/TR]<br />[/TABLE]
<table><tr><td>Data 1</td><td>Data 2</td></tr><tr><td>A</td><td>B</td></tr></table>
Table
Example:[TABLE]<br />[TR]<br />[TD]Data 1[/TD][TD]Data 2[/TD]<br />[/TR]<br />[TR]<br />[TD]A[/TD][TD]B[/TD]<br />[/TR]<br />[/TABLE]
<table><tr><td>Data 1</td><td>Data 2</td></tr><tr><td>A</td><td>B</td></tr></table>
Underline
Example:Use it for [u]important[/u] things or something
Use it for <span style="text-decoration:underline;">important</span> things or something
Unordered list
Example:My favorite people (order of importance): [ul][li]Jenny[/li][li]Alex[/li][li]Beth[/li][/ul]
My favorite people (order of importance): <ul><li>Jenny</li><li>Alex</li><li>Beth</li></ul>
Unordered list
Example:[list]<br />[*]list item<br />[*]list item<br />[*]list item<br />[/list]
<ul>
<li>list item</li><li>list item</li><li>list item</li></ul>
Unordered list item
Example:[list][*]item 1[*] item2[/list]
<ul>[*]item 1[*] item2</ul>
Display a video from Vimeo
Example:[vimeo]http://www.vimeo.com/3485239[/vimeo]
<object type="application/x-shockwave-flash" width="500" height="350" data="http://www.vimeo.com/moogaloop.swf?clip_id=3485239"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=3485239" /></object>
Display a video from YouTube.com
Example:[youtube]http://youtube.com/watch?v=E4Fbk52Mk1w[/youtube]
<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/E4Fbk52Mk1w"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/E4Fbk52Mk1w" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>
Display a video from YouTube.com (alternative format)
Example:[youtube]http://youtube.com/watch/v/E4Fbk52Mk1w[/youtube]
<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/E4Fbk52Mk1w"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/E4Fbk52Mk1w" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>
Comment
Example:[COMMENT]None of this will appear in my post[/COMMENT]
Google Form
Example:[googleform]https://docs.google.com/spreadsheet/viewform?hl=en_US&formkey=dFUyQ1FrT1NSYWpWY1EtSDk3MUhkNlE6MQ[/googleform]
<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFUyQ1FrT1NSYWpWY1EtSDk3MUhkNlE6MQ" frameborder="0" class="google">Loading...</iframe>
Horizontal line
Example:Section above rule[hr]Section below rule
Section above rule<hr />Section below rule
iPlay4e
Example:[iplay4e]iplay4eCode[/iplay4e]
<iframe class="iplay4e_mobile" src="http://iplay4e.appspot.com/view?xsl=jPint&key=iplay4eCode" frameborder="no">Loading...</iframe>
MapLib
Example:[maplib]http://www.maplib.net/map.php?id=13109&lat=-53.71621563247202&lng=35.2880859375&z=7[/maplib]
<iframe src="http://www.maplib.net/fullmap.php?id=13109&lat=-53.71621563247202&lng=35.2880859375&z=7" scrolling="no" frameborder="0" class="maplib">Loading...</iframe>
Star Wars Scroll
Example:[starwars]http://www.starwars.com/play/online-activities/crawl-creator/index.jsp?cs=5vvsrz8fap[/starwars]
<object width="621" height="293"><param name="movie" value="http://www.starwars.com/play/online-activities/crawl-creator/SWcrawlWidget.swf?cs=5vvsrz8fap&pauseBefore=true"><param name="wmode" value="opaque" /><embed src="http://www.starwars.com/play/online-activities/crawl-creator/SWcrawlWidget.swf?cs=5vvsrz8fap&pauseBefore=false" width="621" height="293" wmode="opaque"></embed></object>
UMapper
Example:[umapper]http://www.umapper.com/maps/view/id/2958/[/umapper]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="500" height="300" id="umapper_embed"><param name="FlashVars" value="kmlPath=http://umapper.s3.amazonaws.com/maps/kml/2958.kml" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="movie" value="http://umapper.s3.amazonaws.com/templates/swf/embed.swf" /><param name="quality" value="high" /><embed src="http://umapper.s3.amazonaws.com/templates/swf/embed.swf" FlashVars="kmlPath=http://umapper.s3.amazonaws.com/maps/kml/2958.kml" allowScriptAccess="always" allowFullScreen="true" quality="high" width="500" height="300" name="umapper_embed" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>