logo
logo

Uncategorised

News 2016

16/01/16

 

Styles

Once this website is completed the styles below will be custom tuned to match your website prior to this you will notice all the heading styles below are blue. These changes will also be viewable in your WYSIWYG editor. This way you will be updating your content with the best setup possible.

There should be no need at all for font size, font colour or typeface features. Just like in a word document, when you correctly setup your styles the entire document can be changed to match your theme.

Note: The text below is not any real language. It is made up text so you do not feel the need to read it.

This page is designed to greatly enhance your Joomla Content Editing abilities. This site does not use the standard Joomla WYSIWYG Editor. WYSIWYG stands for "What You See Is What You Get".

How do I get the most out of my page layout?

The simplest (and safest) way to edit your pages is to use the FORMAT dropdown. If you change between Paragraphs and headings, you will find it very easy to maintain the contet long term. See the examples below for headings.

You will notice there is also a "Preformatted" and "Div" option in there but they can be hard to use this so I suggest you avoid using them. I woudl have taken them out of the dropdown list but us developers still like to use them on occasion.

You can see from this example below what the code looks like when you apply a heading 3 to a line of text.

<h3>Heading 6</h3>
<p>This is a paragraph of text.</p>

You will notice that there is no need to set fonts and colours. We have done that in the website a special way so that every time a H3 heading comes up it will look the same.

Incorrect use of styles could mean the code looks as bad as this.

<p style="text-align:left; font-family: Helvetica,Arial,sans-serif;">
<span style="font-weight:bold;">
<span style="font-style: italic; font-size: 11px;">
<span style="font-size: 22px;
text-decoration:none;font-style: normal;color:#00639C;">
<b>Heading 3</b></span>
</span>
</span></p>
<p>This is a paragraph of text.</p>

What a mess! Something like this makes it very hard for the editor to understand exactly what part of the text styles you are trying to change.

Once you start applying custom styles from the STYLES dropdown, you need to be careful you know how to change or remove them correctly. This editor is one of the most advanced HTML WYSIWYG Editors around but is still an editor of HTML (website code). This means that it is still easy to make a bit of a mess sometimes. This was one of the main reasons why we have gone to such lengths to ensure you keep your content clean. A common isse is when you wrap one style inside another.

If you know a little bit about HTML code then you might like to use the [Toggle Editor] button just above the editor windows icons. This will show you all the editable HTML code instead.

Heading 2

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. 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.

Heading 3

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. Justified text. 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.

Heading 4

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. Right aligned text. 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.

Heading 5

Praesent rutrum sapien ac felis. Standard bold text. Phasellus elementum dolor quis turpis. Some italic text here. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis. Praesent rutrum sapien ac felis.

  • unordered list
  • something interesting here
  • another thing that was important
  • the third thing that is here

Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis.

Heading 6

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. 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.

  1. ordered list
  2. something interesting here
  3. another thing that was important
  4. the third thing that is here

Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis.

This is the mediart-highlighter style

This is the mediart-alert style

This is the mediart-bigone style

This is the mediart-approved style

This is the mediart-attention style

This is the mediart-doc style

This is the mediart-question style