Web site help

Questions for contributors who are new to Joomla!

Written by Adrian Melia

Any registered member can contribute news and links, following the menu link. The link will bring up an editor with a save button at the top. When you save it, the administrator will be notified and your item(s) will be checked before publishing.

The web site has its own article formatting, using CSS. This ensures consistency of appearance between all articles. To maintain consistency, please do not copy and paste text from Microsoft Word, because you will copy the existing formatting which will conflict with the CSS and make your article look unusual.When copying and pasting an existing article (assuming you have the rights to publish the article on the web site!), please copy it into Notepad (on Windows) or a similar plain text editor, to strip out the text formatting, and THEN copy it into this web site's article editor window.

Most formatting can be done using the common formatting buttons and the text style selector. We use "paragraph" for most text and "heading4" for headings.

For more advanced information on text styles you can use, and how to use the, see this article.

If you want to contribute or edit articles other than links or news, ask the site administrator to set your membership status to allow this.

To add a hyperlink, select the text you wish to link, and click the chain icon. Enter the hyperlink in full (including http:// ath the beginning) and specify where you want the linked page to appear - either in the same or a new window. When you're done, the hyperlink is in the text.

What's changed?

Written by Adrian Melia

The web site has been completely overhauled for November 2008, and promises to be much more useful.

These changes affect the way you use it, so please read on.

This is a H1 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H2 Header

This is a H3 Header

This is a H4 Header

This is a H5 Header

This is a H6 Header

Unorderd List Styles

<ul> with class="checkbox"

<ul> with class="arrow"

<ul> with class="star"

<ul> with class="check"

<ul> with class="plus"

class="checkbox-big"

class="arrow-big"

class="star-big"

class="check-big"

class="plus-big"

Ordered List Styles

<ol> with class="disc"
item 2
item 3

class="disc-big"
item 2
item 3

Emphasis Styles

em tag with class="box"
em tag with class="file"
em tag with class="directory"

Div and Span Styles

<div> or <span> tag with class="note" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> or <span> tag with class="info" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> or <span> tag with class="alert" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> or <span> tag with class="download" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> or <span> tag with class="tip" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

Blockquote Styles

Sample <blockquote> tag.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

<Blockquote> tag with an additional <p> tag.
(use <blockquote><p>....</p></blockquote>)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Sample <blockquote> tag with class="big":

Lorem ipsum dolor sit amet consec.

Sample <blockquote> tag with class="big" and an additional <p> tag
(use <blockquote class="big"><p>....</p></blockquote>):

Lorem ipsum dolor sit amet, consec est.

Preformated Text Style

pre {
background: #fff;
color: #333;
padding:10px;
border: 1px solid #ccc;
border-left: 5px solid #ccc;
}

What is the Print icon for?

Written by Website Admin
The Print icon at the top of each article allows users to print articles. Some browsers do not print articles properly, including menus and page headers, and missing off the bottom of the page. The print icon opens a window containing just the article, and within that window there's a print button that sends the article to your printer.

What is the PDF icon for?

Written by Website Admin
The PDF icon at the top of each article allows users to create a simple PDF of the article. The complete Article including images is rendered and applied to the PDF.

More Articles...

<< Start < Prev 1 2 Next > End >>

Page 1 of 2