Text Size
Website Options Style Options

Miles of Styles Using Professionally Built Joomla Templates

Randall Associates use fully featured professionally designed Joomla Templates, to give you a multitude of options when it comes to building your new website.
You also get the benefit of having some "cool stuff" incorporated into your site for no additional cost giving you an advantage over less cool competitors!

Examples of various standard printing style options including ‘Emphasis’ and ‘Notice’ styles, which are shown below. All these style options are available to be used within the ‘content’, or main body of your website. The colour of the headings and your ‘Article Titles’ are dependant on your choice of template and the style options available within it. We can customise the style options within the style options if required. This first paragraph uses a ‘Block Quote’ style.

Most of the headings used in this article use the H3 heading style.

Article Headings

The optional 'Article Heading' can be switched on or off to suite the style of the webpage. In the case of this webpage, it is switched on and appears in the form as a small banner in the top left corner under the 'Top Menu Navigation' bar and shows the title 'Style Options'.


The style of the Article Heading is global for all WebPages for the website and will follow the same styleexample 1 throughout. The style of the Heading is part of the website template and has been specifically designed to fit in with the overall webpage design. Article Headings can be elaborate as in example one, or quite plain as in example two to the left. The only option you have is whether to show the heading or not. An alternative to the Article Heading is to use one of example 2the 'Standard Heading' types (see below) to replace it. After the initial paragraph on each webpage, you can then use one of the various heading options available, of which various examples are given within this article. Read the options listed below.

 

Standard Heading Options


This is a H1 Heading


This is a H2 Heading


This is a H3 Heading


This is a H4 Heading


This is a H5 Heading


Special Headings – Other heading styles follow. This particular heading style is a Component Heading


This is a Content Heading

This is a blockquote, the same formatting used in the first paragraph of this article


Drop Cap Style – This style is quite effective. See the examples below.

The heading example above is an H3 heading with a ‘Bold’ typeface added. You can add various typeface options to get the desired result including combinations of italics and underline within the various styles. A second drop cap option now follows.


1The drop cap option is also quite effective if you want to make a list of various options within your content on your webpage. The quick brown fox jumped over the lazy dog!

2 Here is list option number two. The drop cap option is also quite effective if you want to make a list of various options within your content on your webpage. The quick brown fox jumped over the lazy dog!

3 Here is list option number three. The drop cap option is also quite effective if you want to make a list of various options within your content on your webpage. The quick brown fox jumped over the lazy dog!

 

List Styles using Plain Bullet Points

  • This is just a plain simple bullet point, line one.
  • This is just a plain simple bullet point, line two.
  • This is just a plain simple bullet point, line three.


List Styles using Special Bullet Points


  • This is example one, bullet line one.
  • This is example one, bullet line two.

  • This is example two, bullet line one.
  • This is example two, bullet line two.

  • This is example three, bullet line one.
  • This is example three, bullet line two.

  • This is example four, bullet line one.
  • This is example four, bullet line two.

  • This is example five, bullet line one.
  • This is example five, bullet line two.

  • This is example six, bullet line one.
  • This is example six, bullet line two.

  • This is example seven, bullet line one.
  • This is example seven, bullet line two.

  • This is example eight, bullet line one.
  • This is example eight, bullet line two.

  • This is example nine, bullet line one.
  • This is example nine, bullet line two.


Emphasis Styles


You can emphasize or highlight certain words or phrases in your content on your webpage. This sentence has used the emphasis style feature. This sentence is not emphasized, unlike the first two sentences. You can also emphasize in ‘bold’. These words are emphasized in bold.


Insert Style Options


If you wish to insert a small amount of content to the left or to the right of some general content in your webpage to highlight particular information, this can be achieved by using the ‘Left Insert Side’ Left Insert The special information is shown inside this box to draw the viewer attention to particular information. The quick brown fox jumped over the lazy dog! and/or the ‘Right Insert Side’ options.

 

Notice how the text just wraps around the 'Insert Style Boxes'. More sample text to fill in the space to show the effect of the 'Insert Style' option. We will now switch into a bit of Latin to fill in some space so that you can get the effect of the 'Insert Style' option. 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.

We will now do a 'Right Side' Stye option so you can see how that works. Right Side Title The special information is shown inside this box. The quick brown fox jumped over the lazy dog!

Here is some more Latin to fill in a bit of space. 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

 

Important Emphasized Style Boxes

Important TitleAnother way to draw the viewer's eyes to information in your webpage is to use the 'Important Style Box'. Under this option, there is a short title inserted in the top left corner of the box. An alternative to this style is to use one of the 'Notice Style Box' options (see below) which has no title but uses a small icon to signify what type of notice is being given.


Notice Styles

The 'Notice Style' box options use a small icon at the beginning of the text to indicate what type of notice is being given. This is yet just another way to draw the viewer's eyes to information in your webpage. See the examples below:

This is a sample of the 'alert' style used to highlight very important information to the viewer of your webpage

This is a sample of the 'approved' style used to highlight very important information to the viewer of your webpage

This is a sample of the 'attention' style used to highlight very important information to the viewer of your webpage

This is a sample of the 'camera' style used to highlight very important information to the viewer of your webpage. You could use this document to highlight that some images are available to be viewed.

This is a sample of the 'cart' style used to highlight very important information to the viewer of your webpage

This is a sample of the 'document' style used to highlight very important information to the viewer of your webpage. You could use this notice option to highlight that a PDF document is available to be viewed.

This is a sample of the 'download' style used to highlight very important information to the viewer of your webpage.

This is a sample of the 'media' style used to highlight very important information to the viewer of your webpage. We have used this style on our website to highlight that a video is available to be viewed.

This is a sample of the 'note' style used to highlight very important information to the viewer of your webpage

This is a sample of the 'notice' style used to highlight very important information to the viewer of your webpage

This 'quote style is used to highlight a quote made by someone or some organisation. We have used this option on our homepage to highlight a reference made by one of our customers.