Style Code

Go Back

What is Style Code?


Style Code is a set of symbols based on the HTML language that you may already be familiar with. These optional symbols allow you to add formatting to your messages in the same way that HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. (This latter point can be a big problem for websites that offer such features.)

Style Code allows you to add highlights to your entries throughout the iO:

top

Working links to other web sites


Simply type a complete web address (or URL - Uniform Resource Locator) in either of the following manners and the hyperlink will be created automatically in the entry:

  • http://www.yourURL.com
  • www.yourURL.com
To edit a hyperlink you will find the link encased as shown in the following example (Style Code is in magenta).

[url]www.some-website.com[/url]

You can also create text hyperlinks. Just use the following format:

[url=http://www.homepod.com]Click here for Website[/url]

In the example above, only the text "Click here for Website" will be visible and the Style Code automatically generates a hyperlink to the URL that is encased. Note that the "http://" part of the URL is completely optional. The URL will hyperlink the text to whatever URL you provide after the equal sign.

top

Email address links


To add a hyperlinked email address within your entry, just encase the email address as shown in the following example (Style Code is in magenta).

[email]ted@prime-web.com[/email]

In the example above, the Style Code automatically generates a hyperlink to the email address that is encased.

top

Bold and Italics


You can make text bold or italicized by encasing sections of your text with either the [b]...[/b] or [i]...[/i] tags.

Hello, [b]James[/b]
Hello, [i]Mary[/i]
top

Color


You add color to your text by encasing sections of your text with

[color=red]...[/color]

There are a wide range of colors available including:

[color=blue]...[/color]
[color=yellow]...[/color]
[color=orange]...[/color]
[color=green]...[/color]
[color=purple]...[/color]
[color=pink]...[/color]

top

Documents and Images

You can attach a single file (document or image) to any entry in almost
exactly the same way as you attach files to your own emails, simply by
clicking the Attach File button at the bottom of each main web page.
Files attached to your entries are automatically stored in the Document
Manager.

Storing Documents and Images in your Document Manager

If you want to add an image within your entry, or send multiple attachments
as clickable links, you first need to upload the files in the Document
Manager. (a necessary step before adding them to your entries)
This entire section must be rewritten using elements from the document manager help

To add a graphic to your Document Manager, just follow these simple steps.

First open your iohome.net site.
Then click on the text link in upper right that says SITE MAP.
Then click on the box inside the site map called DOCUMENTS.
To add an item, click on ADD DOCUMENT located at the top left of the navigation headings.
Click the Upload File button
Click the BROWSE button and then navigate your computer to the item you want to add.

It's that simple. The Document or Image is now included in your Document Manager and is available for you to include within your entries.

Adding Images to your entry (utilizing the images stored inside your Document Manager)

To add a graphic within your entry, just encase the URL of the graphic image as shown in the following example (Style Code is in magenta).

[img]http://www.youriohome.net/Documents/image.gif[/img]

In the example above, the Style Code automatically makes the graphic visible in your message. Note: the "http://" part of the URL is REQUIRED for the [img] code.

To copy an image from your DOCUMENTS page, first bring up the image on your screen by clicking on the image name in the list on your DOCUMENTS page:

if you use Netscape, copy the Location address appearing at the top of your screen.

if you use Internet Explorer, copy the Address appearing at the top of your screen.

Then exit your DOCUMENTS page, and go to your entry in which you want display the image and insert the image address between [img].........[/img] by right clicking your mouse and selecting Paste.
top

Quoting Passages


To quote something specific that someone has posted, just copy and paste the applicable verbage and enclose it as shown below (Style Code is in magenta).

[QUOTE]Ask not what your country can do for you....
ask what you can do for your country.[/QUOTE]

In the example above, the Style Code automatically blockquotes the text you reference.

top

Bulleted Lists


You can make bulleted lists or ordered lists (by number or letter). (Style Code is in magenta). Unordered, bulleted list:

[list]
[*] This is the first bulleted item.
[*] This is the second bulleted item.
[/list]

This produces:
  • This is the first bulleted item.
  • This is the second bulleted item.

Making ordered lists is just as easy. Just add either [LIST=A] or [LIST=1]. Typing [List=A] will produce a list from A to Z. Using [List=1] will produce numbered lists.

Here's an example:

[list=A]
 [*] This is the first bulleted item.
[*] This is the second bulleted item.
[/list]

This produces:
  1. This is the first bulleted item.
  2. This is the second bulleted item.
top

Incorrect Style Code Usage


  • [url] www.vbulletin.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])