Change Columns
Tales of Tel Anar: an Original Fantasy Roleplay setting

  Reply to this topicStart New TopicStart New Poll

 BBCode Guide
vergess
 Posted: Dec 17 2012, 12:35 PM
Quote
Not Actually An Admin
Admin
6 Posts
Joined 16-December 12
Status: Offline


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)
PM
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options Reply to this topicStart New TopicStart New Poll


 


 

  
 Affiliates
Our Affiliates
Equestrian Legends Post Emergence: A Conversion Bureau RPG


  
 Chat