What is Format Code?
Format Code is a tool to help design the way your message looks. It is a set of tags based on HTML. But unlike HTML, it is based on a simpler syntax that will never break the layout of the pages on RunRyder.
To use the Format Code buttons, JavaScript must be enabled.
To correctly use the Format Code buttons, first highlight the text you wish to change and then select the format button. You can also format your message by first selecting the format button you wish to use. The button will then turn pink. Then type whatever you wish to be formatted. After you are finished typing, click on the same button or the 'Close Tags' button. You must click on the same button again or the 'Close Tags' button to have the format feature displayed.
Format Code Choices:
YouTube Videos
See this topic.
Alignment
[align=left]This text is aligned left.[/align]
[align=center]This text is aligned center.[/align]
[align=right]This text is aligned right.[/align]
Bold, Underlined and Italic Text
You can make text bold, underlined or italicized by simply surrounding your text with tags as shown below:
- [b]some text[/b] produces some text
- [u]some text[/u] produces some text
- [i]some text[/i] produces some text
Using Different Colors, Sizes and Fonts
You can alter the size, color and font of text using the following tags:
- [color=blue]some text[/color] produces some text (colored blue)
- [size=small]some text[/size] produces some text (size=small text)
- [size=large]some text[/size] produces some text (size=large text)
- [size=huge]some text[/size] produces some text (size=huge text)
- [font=courier]some text[/font] produces some text (using courier font)
- [font=monospace]some text[/font] produces some text (using monospace font)
- [font=comic sans ms]some text[/font] produces some text (using comic sans ms font)
You can also combine all the various text formatting tags. This example uses bold, underlined, purple text:
[color=purple][u][b]Wow there's lots of formatting here![/b][/u][/color]
This example produces this:
Wow there's lots of formatting here!
Bullets and Lists
You can create bulleted or ordered lists in the following way:
Unordered, bulleted list:
[list]
[*]first bulleted item
[*]second bulleted item
[/list]
This produces:
- first bulleted item
- second bulleted item
Note that you must remember to close the list with the [/list] tag.
If you would like to create a list ordered numerically or alphabetically, it is also easy to do.
You simply need to add a little extra code to your [list] and [/list] tags.
The extra code looks like =1 (for a numbered list) or =A (for a list from A to Z). Here are some examples:
[list=1]
[*]this is the first numbered item
[*]this is the second numbered item
[/list=1]
This produces:
- this is the first numbered item
- this is the second numbered item
|
[list=A]
[*]this is the first alphabetically ordered item
[*]this is the second alphabetically ordered item
[/list=A]
This produces:
- this is the first alphabetically ordered item
- this is the second alphabetically ordered item
|
Quoting Other Messages
To quote something that has already been posted, simply cut-and-paste the text you want to quote and enclose it as follows:
[quote]No. Try not.
Do or do not, there is no try.[/quote]
The [quote] tags will automatically indent the enclosed text.
URL Hyperlinking
You can simply type in the full address of the page you are linking to and the hyperlink will be created automatically. Here are some example links:
- http://runryder.com/
- runryder.com
Notice that if the address begins with www. you do not need to add the http:// part of the address. If the address does not begin with www. you will need to add the http:// section. You may also use https:// and ftp:// links, and these will be converted into links.
If you want to include Format Code, you simply surround the address with [url] tags as shown below. (The Format Code tags are shown in red).
[url]runryder.com/[/url]
You can also include true hyperlinks using the [url] tag. Use the following format:
[url=http://runryder.com/]Click here to visit the RunRyder forums[/url]
This will produce a hyperlink like this: Click here to visit the RunRyder forums.
Note that once again, you do not need to include the http:// if the address begins with www.
Email Links
To add a link to an email address, include the email address in your message like this:
myname@domain.com
There must be a blank space, such as a space or a carriage return before the beginning of the address.
You can also use Format Code tags to specify an email address, like this:
[email]myname@domain.com[/email]
You can also add a true email hyperlink using the following format:
[email=myname@domain.com]Click here to email me[/email]
This will produce a hyperlink like this: Click here to email me.
Adding Images
To include a picture or graphic within the body of your message, surround the address of the image as shown here:
[img]$rrURL/rr200x75.gif[/img]
Note that the http:// part of the image URL is required for the [img] code.
You can even create a thumbnail-type hyperlink by surrounding your [img] code with a [url] code like this:
[url="http://runryder.com/?do=mytopics&top"][img]/img/rr.gif[/img][/url]
This produces a link like this: 
Posting Photos from Galleries
Click here to learn how to add Gallery photos to your posts.
Click "Wide View" option for large photos
Display large photos in wide post format (max 700 pixel image width recommended). This prevents the post from blowing out the RR borders. For example:
The Code and PHP Tags
If you want to post some programming source code or perhaps some ASCII art, which would require a non-proportional font, you can use the [code] tag to achieve this. For example:
[code]
<script language="Javascript">
<!--
alert("Hello world!");
//-->
</script>
[/code]
In the example above, the text enclosed in the [code] tags would be automatically indented, and the spacing would be preserved like this:
<script language="Javascript">
<!--
alert("Hello world!");
//-->
</script>
When using the PHP language, you need to enclose the source code in [php] tags. The script will automatically have syntax highlighting applied:
[php]
$myvar = "Hello World!";
for ($i=0; $i<10; $i++) {
echo $myvar."
";
}
[/php]
This would produce:
$myvar = "Hello World!";
for ($i=0; $i<10; $i++) {
echo $myvar."
";
}
Incorrect Format Code Usage:
- [url] runryder.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
- [email]myname@domain.com[email] - the end brackets must include a forward slash ([/email]).
|
