Welcome Guest Register or Log In
Login
Username:

Password:


Lost Password?

Register now!
Main Menu
How do I...
Fix typo's in a post?

Did you know?
You can register as a member of this site.

Search

Advanced Search
  
SmartFAQ is developed by The SmartFactory (http://www.smartfactory.ca), a division of InBox Solutions (http://www.inboxsolutions.net)

How do I...Add formatting to text in my posts?
Requested and Answered by Lemuel on 09-Feb-2007 18:27 (7263 reads)
You can use a limited set of both HTML and BBCODE tags to add emphasis to certain words, or just to make your post more pleasing to the eye.

Text formatting with BBCODE:
BBCODE uses square brackets to enclose the tags. There must be an opening tag and a closing tag for the formatting to display properly. Here are examples showing which tags are available and how to use them.

[b]Bold Text[/b]
Will display like this:
Bold Text

[u]Underlined Text[/u]
Will display like this:
Underlined Text

[d]Deleted Text[/d]
Will display like this:
Deleted Text

[i]Italic Text[/i]
Will display like this:
Italic Text

[quote]Quoted Text[/quote]
Will display like this:
Quote:
Quoted Text


Tags can also be nested to use more than one type of formatting. Please note how the tags are paired in the example below.

[b][u][i]Bold Underlined Italic Text[/i][/u][/b]
Will display like this:
Bold Underlined Italic Text

You can also change the text color. To do this you have to know the hexadecimal number for the color you wish to use, or use one of the editors that allow you to select the text color. Here are a few examples:

[color=ff0000]Red Text[/color]
Will be rendered this way:
Red Text

[color=cc00ff]Violet Text[/color]
Will be rendered this way:
Violet Text

[color=0000ff]Blue Text[/color]
Will be rendered this way:
Blue Text

[color=339966]Green Text[/color]
Will be rendered this way:
Green Text

[color=ffff00]Yellow Text[/color]
Will be rendered this way:
Yellow Text

[color=ff9900]Orange Text[/color]
Will be rendered this way:
Orange Text

It is also possible to use different text sizes, though the large text sizes should only be used for headings or emphasis on a few words, not entire posts. The "small" text size is the default.

[size=xx-small]xx-small text[/size]
Displays text at this size:
xx-small text

[size=x-small]x-small text[/size]
Displays text at this size:
x-small text

[size=small]small text[/size]
Displays text at this size:
small text

[size=medium]medium text[/size]
Displays text at this size:
medium text

[size=large]large text[/size]
Displays text at this size:
large text

[size=x-large]x-large text[/size]
Displays text at this size:
x-large text

[size=xx-large]xx-large text[/size]
Displays text at this size:
xx-large text

There are a variety of fonts that are available too.
Here are some of the available fonts:

Ariel Font (Default Font)

Courier Font

Georgia Font

Helvetica Font

Impact Font

Haettenschweiler Font

Comic Sans Ms Font

Courier New Font

Tahoma Font

Times New Roman Font

MS Serif Font


To change the text font use the tags below, but replace "font name" with the name of the font you wish to use.

[font=font name]Text you wish to have in this font[/font]

You can also post pictures with BBCODE. Keep in mind that any pictures you use should be your own work, in the public domain (i.e. the copyright has expired), or used with the explicit permission of the copyright holder(s).

[img]http://gorchronicles.com/uploads/extgallery/public-photo/thumb/thumb_locking-joint2_5709ff.gif[/img]
Will show this image:
Click to see original Image in a new window

Another tag set is for use with url addresses. You don't have to use these tags if you just want to type in a web site address. They are more for creating links from other text. For instance...

[url=http://gorchronicles.com]This is a link to John Norman's Chronicles of Gor[/url]

Will make a text link (which opens in a new window) like this:

This is a link to John Norman's Chronicles of Gor

The last BBCODE tag I'll show you is the [code]...[/code] tag set. This set of tags creates a box around the text between the tags in much the same way the [quote]...[/quote] tags do, but it allows you to display the HTML codes and spaces between them without multiple spaces being condensed or the HTML tags being converted to formatted text. This can be useful for maintaining paragraph tabs when quoting passages from the books. Which leads us to...

Text formatting with HTML:
HTML uses greater and less than characters to enclose the tags. There usually must be an opening tag and closing tag for the formatting to display properly, but there are a few exceptions. HTML will allow you to do fancier formatting, but it is also more complicated to use than BBCODE. Here are examples showing some of the HTML tags that are available and how to use them.

You can perform much the same formatting that you can with BBCODE. For instance, bold, italic, underlined, and deleted text:
<b>Bold Text</b>
    
Four spaces in front of <i>Italic Text</i>
        
Eight spaces in front of <u>Underlined Text</u>
            
Twelve spaces in front of <del>Deleted Text</del>

Will display like this. Note how the spaces have been condensed now that the [code]...[/code] tags have been removed:

Bold Text
Four spaces in front of Italic Text
Eight spaces in front of Underlined Text
Twelve spaces in front of Deleted Text

HTML tags can also be nested:
<b><u><i>Bold Underlined Italic Text</i></u></b>

Displays this way:

Bold Underlined Italic Text

Another way to maintain multiple spaces and tab characters when posting is to use the HTML preformatted text tags. They are used like this:
<pre>This is preformatted text.
The six spaces in front of this line will be maintained.
As will the twelve spaces at the start of this line.</pre>

And will display this way in your post:

This is preformatted text.
The six spaces in front of this line will be maintained.
As will the twelve spaces at the start of this line.


Text color can be changed too. Note that the HTML tags are more complicated than the comparable BBCODE tags:

<font color="#ff0000">Red Text</font>
<
font color="#cc00ff">Violet Text</font>
<
font color="#0000ff">Blue Text</font>
<
font color="#339966">Green Text</font>
<
font color="#ffff00">Yellow Text</font>
<
font color="#ff9900">Orange Text</font>


Will yield the following:

Red Text
Violet Text
Blue Text
Green Text
Yellow Text
Orange Text

Text size can be changed. Again, note the increased complexity:
<font size="1">Size "1" Text</font>
<
font size="2">Size "2" Text (default)</font>
<
font size="3">Size "3" Text</font>
<
font size="4">Size "4" Text</font>
<
font size="5">Size "5" Text</font>
<
font size="6">Size "6" Text</font>
<
font size="7">Size "7" Text</font>

Shows up this way:

Size "1" Text
Size "2" Text (default)
Size "3" Text
Size "4" Text

Size "5" Text

Size "6" Text

Size "7" Text

And, of course, the font face can be changed as well. To change the font use the format below, but replace "font name" with the name of the font you wish to use. Please note that the font name must be enclosed by quotes as shown in the example below.
<font face="font name">Text in the font you want.</font>

As an example:
<
font face="times new roman">This text is in Times New Roman font</font>

Gives you this:

This text is in Times New Roman font

With HTML formatting you can make text center justified, right justified, or block justified:
<p align="center">Centered Justified Text</p>
<
p align="right">Right Justified Text</p>
<
p align="justify">Block Justified Text</p>

Centered Text


Right Justified Text


Block Justified Text



You can also create ordered and unordered lists...:
This is an ordered list:
<
ol><li>First List Item</li>
<
li>Second List Item</li>
<
li>Third List Item</li></ol>
This is an unordered list:
<
ul><li>Bullet 1</li>
<
li>Bullet 2</li>
<
li>Bullet 3</li></ul>

This is an ordered list:
  1. First List Item
  2. Second List Item
  3. Third List Item

This is an unordered list:
  • Bullet 1
  • Bullet 2
  • Bullet 3

...A list of dictionary terms and definitions...:
<dl><dt>First Dictionary Term</dt>
<
dd>First definition for the dictionary term above</dd>
<
dd>Second definition for the dictionary term above</dd>
<
dt>Second Dictionary Term</dt>
<
dd>First definition for the dictionary term above</dd>
<
dd>Second definition for the dictionary term above</dd></dl>

First Dictionary Term
First definition for the dictionary term above
Second definition for the dictionary term above
Second Dictionary Term
First definition for the dictionary term above
Second definition for the dictionary term above


...Superscripts and Subscripts...:
This text has <sup>superscripted text/sup> and <sub>subscripted text</subwithin it.

This text has superscripted text and subscripted text within it.

...Indented text...:
The text below is indented.
<
blockquote dir="ltr" style="MARGIN-RIGHT: 0px">This text is indented.
It will stay indented
until the feature is turned off
.</blockquote>
The text is no longer indented.

The text below is indented.
This text is indented.
It will stay indented
until the feature is turned off.

The text is no longer indented.

...Or you can even insert a horizontal line. Note that this is one of those exceptions I mentioned to needing open and closing tags:
<hr />



There are plenty of other things that can be done with HTML, including the creation of tables, buttons, etc. - but we can't cover them all here. The BBCODE and HTML codes above should give you a good start.


Home :: About Us :: Terms of Service :: Privacy Notice :: Contact Us :: Link To Us :: Refer a Friend
© 2006-2010 John Norman's Chronicles of Gor
John Norman's Chronicles of Gor is owned and run on a not-for-profit basis by Gor fans, for Gor fans, and is independent of John Norman, his agent, and his publishers.

All Gor novels are copyright © by John Norman. All rights are reserved and, subject to the doctrines of fair use and fair dealing, no text from any of the Gor novels may be used without the express written consent of the author or his authorized representatives. Infringements of this copyright will be prosecuted to the fullest extent of the law. For information and permission contact info@ereads.com.
You can report infringements of the copyright of the Gor novels to us at copyright@gorchronicles.com.

Unless expressly stated otherwise, the copyrights of all independently created works posted on this site by or with the permission of their authors or other copyright-holders, as the case may be, are retained by their respective authors or other copyright-holders, as the case may be. If you believe your copyright may have been infringed in some way on this site please contact us at copyright@gorchronicles.com.

For further information about copyright matters on this website please view our Terms of Service. For any other information contact us at info@gorchronicles.com.

This site uses cookies. For full details regarding our use of cookies please refer to our Privacy Notice.


Theme by GoXoops.com