Advanced Typography & Swine Flu

Last Updated on Wednesday, 09 December 2009 00:59 Wednesday, 09 December 2009 12:25

First, as you may have noticed the group bulletin form has gotten a WYSIWYG editor, which makes it much easier to make your bulletins look good.

It contains options for formatting text, images, lists, spell checking and HTML. So that in itself is a great step up for group management.

But wait, there's more! (giggles)

Following is a list of different "tags" you can use to make your bulletins and journal entries really stand out from the crowd.

Notice Styles:

This is a sample of the 'attention' style. Use this style to denote very important information to your users. To use this use the following html: [span class=attention] ...some content.... [ /span] This is a sample of the 'notice' style. Use this style to denote very important information to your users. To use this use the following html: [span class=notice] ...some content.... [ /span] This is a sample of the 'alert' style. Use this style to denote very important information to your users. To use this use the following html: [span class=alert] ...some content.... [ /span] This is a sample of the 'download' style. Use this style to denote very important information to your users. To use this use the following html: [span class=download] ...some content.... [ /span] This is a sample of the 'approved' style. Use this style to denote very important information to your users. To use this use the following html: [span class=approved] ...some content.... [ /span] This is a sample of the 'media' style. Use this style to denote very important information to your users. To use this use the following html: [span class=media] ...some content.... [ /span] This is a sample of the 'note' style. Use this style to denote very important information to your users. To use this use the following html: [span class=note] ...some content.... [ /span] This is a sample of the 'cart' style. Use this style to denote very important information to your users. To use this use the following html: [span class=cart] ...some content.... [ /span] This is a sample of the 'camera' style. Use this style to denote very important information to your users. To use this use the following html: [span class=camera] ...some content.... [ /span] This is a sample of the 'doc' style. Use this style to denote very important information to your users. To use this use the following html: [span class=doc] ...some content.... [ /span]

 This is a sample [pre] ... [ /pre] tag: 

default{
state_entry()
{
llSay(0,"Advanced Typography rocks my world!");
}

Block Quotes:

This is a blockquote, you will want to use the following formatting: [blockquote]....[ /blockquote]Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

This is a blockquote, you will want to use the following formatting: [blockquote class=blue]...[ /blockquote] Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

This is a blockquote, you will want to use the following formatting: [blockquote class=red]...[ /blockquote]Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

This is a blockquote, you will want to use the following formatting: [blockquote class=green]...[ /blockquote]Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

This is a blockquote, you will want to use the following formatting: [blockquote class=purple]...[ /blockquote]Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

This is a blockquote, you will want to use the following formatting: [blockquote class=orange]...[ /blockquote]Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

This is a blockquote, you will want to use the following formatting: [blockquote class=brown]...[ /blockquote]Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

This is a blockquote, you will want to use the following formatting: [blockquote class=grey]...[ /blockquote]Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Lists with bullets:

To use this style create a list in the following format: [list class=bullet-1][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=bullet-2][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=bullet-3][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=bullet-4][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=bullet-5][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=bullet-6][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=bullet-7][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=bullet-8][li]...[ /li][li]...[ /li][ /list].

Lists with Special icons:

To use this style create a list in the following format: [list class=special-1][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-2][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-3][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-4][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-5][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-6][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-7][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-8][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-9][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-10][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-11][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-12][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-13][li]...[ /li][li]...[ /li][ /list].

To use this style create a list in the following format: [list class=special-14][li]...[ /li][li]...[ /li][ /list].

Inset Styles:

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.You will need to use the following formatting: [inset side=right] ... some content ...[ /inset]Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.You will need to use the following formatting: [inset side=left] ... some content ...[ /inset]Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Dropcap Styles:

PPraesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting: [dropcap cap=P]...some content...[ /dropcap]

Important Emphasis Styles:

Sample TitleThis is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: [important title=Sample Title]...some content[ /important]

Sample TitleThis is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: [important color=blue title=Sample Title]...some content...[ /important]

Sample TitleThis is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: [important color=red title=Sample Title]...some content...[ /important]

Sample TitleThis is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: [important color=green title=Sample Title]...some content...[ /important]

Sample TitleThis is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: [important color=purple title=Sample Title]...some content...[ /important]

Sample TitleThis is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: [important color=brown title=Sample Title]...some content...[ /important]

Sample TitleThis is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: [important color=orange title=Sample Title]...some content...[ /important]

Sample TitleThis is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: [important color=grey title=Sample Title]...some content...[ /important]

Visit Button:

To insert a visit button use the following formatting: [visit]http://slurl.com[/ visit]

Popup Thingie:

Full Perm Basic Terminals
This is a longer description text just for demonstration purpose. This is a longer description text just for demonstration purpose. This is a longer description text just for demonstration purpose. This is a longer description text just for demonstration purpose.
Buy Now!

To use it insert the following formatting: [video url="{url}" title="{title}" img="{img}" header="{header}" label="{label}" vwidth="{vwidth}" vheight="{vheight}"]{text}[ /video]

Now it's called 'video', but that's just because it was originally designed to popup videos, but it can be used for any content.

Replace {url} with the URL you want to open on click.

Replace {title} with your own. Title is what is written at the bottom of the screen that pops up, and also the tooltip of the picture.

Replace {img} with an URL to your image, in the example I've used one from my line of products.

Replace {header} with your own, this is the large text on top.

Replace {label} with your own label, this is what the link says. In the example 'Buy Now!'.

Replace {vwidth} and {vheight} with your own. Either in pixel or percent format. For example if you want it to take up 80% of the screen, just type in 80% in both. 'Fullscreen' can also be used to auto adjust to the users screen size.

And that's all folks! I hope you enjoy these new options and take advantage of them. And if you have any problems with it feel free to contact me by any means available :)

Brota

Written by :

Brota Kornfeld