Web site help
Questions for contributors who are new to Joomla!

How do I contribute an item? PDF Print E-mail
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? PDF Print E-mail
Written by Adrian Melia   

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

Read more...
 
Typography PDF Print E-mail

Typography is a key element in presenting your article.Most articles can be properly presented using just Heading4 and paragraph styles, but here's a selection of others available.

The style guide gives you an overview about all possible HTML tag stylings provided by the template. It also helps you to set up the available classes for special stylings. If the style is not visible with the style selector pulldown, you'll need to click on the HTML buttonin the editor tool window, and type in the relevant HTML tags around the text you want to format. (If you are completely unfamiliar with HTML, you may be shy about doing this. If you have used HTML tags, it should be straightforward.)

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

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 H3 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 H4 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 H5 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 H6 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.

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

  1. <ol> with class="disc"
  2. item 2
  3. item 3
  1. class="disc-big"
  2. item 2
  3. 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? PDF Print E-mail
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? PDF Print E-mail
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.

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

Page 1 of 2

Copyright © 2008 Quakers and Business Group.

Charity Registration Number 109197