Add Reply
New Topic
New Poll

 BBCode Guide
Dungeon Master
 Posted: Dec 17 2012, 12:35 PM
Quote
Profile


In addition to the standard bbcodes such as [ img], [ b], [ size=10] and so on, we have a large number of custom BBCodes here on Tales of Tel Anar to give you a more pleasant user experience.

Table of Contents

Alignments
Fonts
Horizontal Dividers
Spoilers
Indentation
Video
Images
Text Styles
Anchors


Alignments
JCink's default system from alignments is
CODE
[align=left][/align]
[align=right][/align]
[align=center][/align]

However, because we know many people are accustomed to a slightly more HTML-like system of alignments, you can also center align text with
CODE
[center][/center]


Fonts
CODE
[font=NAME][/font]

Arial
Times
Courier
Impact
Geneva
Optima
Comic sans ms
Cursive

Horizontal Dividers
CODE
[hr]#[/hr]
will produce a horizontal rule. Simply replace the # with any number from 1-100 to determine the width, in percentage, of the rule. For example:
50%


100%


Spoilers
We provide two types of spoiler tag. The first
CODE
[spoiler][/spoiler]
Content Hidden



The second is an "in line" spoiler tag which you can use to hide direct quotes. Hover over it to reveal the text. It is also useful from a posting/in-play standpoint to represent telepathy, thoughts, whispering, and elder gods whose voices are not comprehensible to mere mortals, and so on.

Indentation
Those of you familiar with forum formatting may try to use [ list] to create hanging indents. Unfortunately, the skin we use on Together We Rise does not allow this. Instead use
CODE
[block][/block] and [indent][/indent]

In this way you can
push a block of text to the right

and even do so again by nest an [ indent] inside of a [ block]



Video
To embed a youtube video use
CODE
[youtube]VideoNumber[/youtube]

The video number is everything after "watch?v=" in the URL of the video. For example, the video number of http://www.youtube.com/watch?v=53QXDyZKYlc is 53QXDyZKYlc which produces



Images
To show an image use the [ img] tag as you would on any forum. However, if you have an image that you want to pass around, such as a button or banner, you can also show the codes to post said image using
CODE
[imgcode][/imgcode]


<fieldset style="margin:0px;padding:3px;width:500px;overflow:auto;border:1px inset;"><legend class="smallfont" style="margin:0px;">Image Code (for image shown above):</legend>
<textarea onclick='this.createTextRange().execCommand("Copy");this.focus();this.select();' title="Click here to select (Internet Explorer 5+ will copy this for you too)" rows="1" style="cursor:pointer;width:490px;padding:3px;font-size:11px;">user posted image

Attached 1 File(s)
PMEmail
^
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll