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]
Produces:
Here&apos;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]?
Produces:
Maybe try looking on <a href="&quot;http://google.com&quot;" target="__BLANK">Google</a>?

Bold text

Example:
Look [b]here[/b]
Produces:
Look <STRONG>here</STRONG>

Center Align

Example:
[center]text[/center]
Produces:
<div style="text-align: center">text</div>

Code Text

Example:
[code]some code[/code]
Produces:
<code>some code</code>

Change text color

Example:
[color=red]This is red text[/color]
Produces:
[color=red]This is red text[/color]

Definition definitions

Example:
[dd]my definition[/dd
Produces:
[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]
Produces:
<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]
Produces:
<dt>definition term</dt>

Deleted text

Example:
[del]deleted text[/del]
Produces:
<del>deleted text</del>

Email

Example:
[email="foo@bar.com"]text[/email]
Produces:
[email=&quot;foo@bar.com&quot;]text[/email]

Font

Example:
[font="Comic Sans MS"]text[/font]
Produces:
<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]
Produces:
<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]
Produces:
<img src="/images/EpicWordsBG.gif" />

Display an image (alternative format)

Example:
[img=http://myimage.com/logo.gif]
Produces:
<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]
Produces:
[img size=96x96]http://www.google.com/intl/en_ALL/images/logo.gif[/img]

Inserted Text

Example:
[ins]inserted text[/del]
Produces:
[ins]inserted text[/del]

Italicize or emphasize text

Example:
Even my [i]cat[/i] was chasing the mailman!
Produces:
Even my <em>cat</em> was chasing the mailman!

Left Align

Example:
[left]text[/left]
Produces:
<div style="text-align: left">text</div>

Hyperlink to somewhere else

Example:
Maybe try looking on [url="http://google.com"]Google[/url]?
Produces:
Maybe try looking on <a href="&quot;http://google.com&quot;" target="__BLANK">Google</a>?

Hyperlink (automatic without leading http(s))

Example:
Maybe try looking on www.google.com
Produces:
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
Produces:
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]
Produces:
Maybe try looking on <a href="http://google.com">http://google.com</a>

List item

Example:
See ol or ul
Produces:
See ol or ul

List item

Example:
[list][li]list item[\li][li]list item 2[\li][li]list item 3[\li][/list]
Produces:
<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]
Produces:
<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
Produces:
Look at this <a href="&quot;#unique_section_name&quot;" 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.
Produces:
&nbsp;&nbsp;&nbsp;This sentence is indented three spaces.&nbsp;&nbsp;&nbsp;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]
Produces:
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]
Produces:
<ol><li>list item</li><li>list item</li><li>list item</li></ol>

Ordered list alphabetically

Example:
[list=a][*]item 1[*] item2[/list]
Produces:
<ol sytle="list-style-type: lower-alpha;">[*]item 1[*] item2</ol>

Ordered list numerically

Example:
[list=1][*]item 1[*] item2[/list]
Produces:
<ol>[*]item 1[*] item2</ol>

Out of Character

Example:
[OOC]Out-of-character comment.[/OOC]
Produces:
<div class="ooc">Out-of-character comment.</div>

Preformatted code

Example:
[pre]preformatted text[/pre]
Produces:
<PRE>preformatted text</PRE>

Quote with citation

Example:
[quote=mike]Now is the time...[/quote]
Produces:
<fieldset><legend>mike</legend><blockquote>Now is the time...</blockquote></fieldset>

Quote (sourceclass)

Example:
[quote]Now is the time...[/quote]
Produces:
<fieldset><blockquote>Now is the time...</blockquote></fieldset>

Right Align

Example:
[right]text[/right]
Produces:
<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]
Produces:
<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]
Produces:
<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]
Produces:
<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]
Produces:
<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]
Produces:
<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
Produces:
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]
Produces:
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]
Produces:
<ul> <li>list item</li><li>list item</li><li>list item</li></ul>

Unordered list item

Example:
[list][*]item 1[*] item2[/list]
Produces:
<ul>[*]item 1[*] item2</ul>

Display a video from Vimeo

Example:
[vimeo]http://www.vimeo.com/3485239[/vimeo]
Produces:
<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]
Produces:
<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]
Produces:
<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]
Produces:

Google Form

Example:
[googleform]https://docs.google.com/spreadsheet/viewform?hl=en_US&formkey=dFUyQ1FrT1NSYWpWY1EtSDk3MUhkNlE6MQ[/googleform]
Produces:
<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
Produces:
Section above rule<hr />Section below rule

iPlay4e

Example:
[iplay4e]iplay4eCode[/iplay4e]
Produces:
<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]
Produces:
<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]
Produces:
<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]
Produces:
<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>