How to Install Joomla! 1.5

Chris Davenport, the documentation team leader for Joomla!, just announced the release of the Joomla! Installation Manual. Thank you to Andy Wallace for developing this manual. Great work!

Why doesn't my template look like the demo?

Sometimes, a new Joomla! user may ask the question, "Why doesn't my template look like the demo?"

Each Joomlashack demo should contain  important pieces of information such as module map, module class suffixes, and the differences of template and content. If you have a problem trying to achieve a desired effect, we suggest looking through the actual demo for the necessary documentation. Our documentation is on the live demolive demo of the template you purchased. This makes documentation much more up to date.

Read more: Why doesn't my template look like the demo?

How to Reset Your Joomla Super Administrator Password

We've all done it. There's nothing to be ashamed of. Have you ever installed Joomla!, only to realize that you've forgotten your administrator password? When that happens, there is nothing you can do but re-install Joomla, right? Wrong. Here is a website with a great explanation of how to reset your super administrator password, even if you can't log in to the administrator control panel.

Don't thank me. Thank them.

Creating a Full Width Wrapper

The goal here is to get a full-width page with no left or right modules showing.

First, you will need to create a menu item linking to the page to be displayed. This can be anything you want such as a gallery, wrapper, forum etc.

Next, go to the Module Manager (Modules > Site Modules).
The filter drop down is your best friend within the Module Manager. To the right you will see a "select position" drop down list.
Select the LEFT position.

A list of all modules available in the LEFT position are now displayed. Obviously the only ones of importance are the ones that are published. Starting at the top, click on a (published) module title link.

When the page loads you will see several parameters. Look to the ones at the right of the page labeled "Pages/Items". These are the menu items (or pages) which the module is to be present in its respected position, in this case LEFT. Use your control or cmd (mac) or cntrl (pc) key to select or deselect multiple items. You can also use the shift key to select multiple items in a row. The menu item you created to be full width should NOT be selected because you don't want this or any other module in the left column.

Make your way down the list in your Module Manager through all the LEFT positioned modules with the above method and do the same for the RIGHT position.

2007 Joomla User Survey Says: Who uses Joomla?

Who is using Joomla? Does our survey tell us?

2007 Joomla User Survey Says: Who uses Joomla?In April and May of 2007, Joomlashack conducted the first ever major survey of Joomla Users. Over 3,600 people filled out 31 questions ranging from how many Joomla sites they managed to what Joomla tasks they do most often.

The Joomla survey results confirmed many things about this powerful open source CMS, and also had a few surprises. Here are the results with some Joomlashack editorial observations!

Read more: 2007 Joomla User Survey Says: Who uses Joomla?

How do I get Support at Joomlashack?

Joomlashack prides itself on its support. During the last several years we have used our forum to support our customers needs in many aspects, and as a result have the largest membership base after joomla.org and have helped thousands of users build a professional looking Joomla powered web site.

Read more: How do I get Support at Joomlashack?

How do I buy a Joomla template?

Getting a world class template from Joomlashack is now easier than ever. We have implemented a new system to give you total control over your purchases, invoices and downloads.

Read more: How do I buy a Joomla template?

Joomla Template Tutorial

Reprinted with permission from Compass Design: Valid W3C joomla template designs for your website

As part of the Official Joomla Documentation program, this tutorial has been developed by Barrie North of Compass Design. As well as here at the official Joomla Dev site (dev.joomla.org) it is also available at www.compassdesigns.net in various complete formats, Word, PDF and HTML.

In this tutorial, we'll go through the steps of creating a joomla template. Joomla is an open source Content Management System (CMS) that is freely (literally) available and supported by a large on-line community. Specifically, we will create a template that uses cascading style sheets (CSS) to produce a layout without use of tables. This is a desirable goal as it means that the template code is easier to validate to World Wide Web Consortium (W3C) standards. It will also tend to load faster, be easier to maintain and perform better in search engines. We will discuss these issues in detail later in the tutorial.

Read more: Joomla Template Tutorial

The Blank Template CSS for Joomla

Tutorial 4: The Blank Template CSS for Joomla

Reprinted with permission from Compass Design: Valid W3C joomla template designs for your website

In an earlier section, we discussed a slightly different design process. Instead of creating the design and then doing the CSS layout, we will be doing it the other way round, the Joomla CSS first. We are doing this because we want to make an blank CSS template file that can be reused by anyone.

Let's startout with a basic blank template, no layout, just all the font typography styling. This is a blank template to help speed production of a site. Its not a production template CSS file , all styles shouldn't be filled in, ones that don't get used should be deleted before using. This blank CSS file has several features:

CSS Shorthand

There are 'shorthand' styles at the beginning of each style definition. Once you have figured out the styles, fill the shorthand versions in and delete the long versions. The syntax is:

font: font-size |font-style | font-variant | font-weight |
line-height | font-family

Here is an example, rather than this...

font-size:100%;
font-family:Arial,Helvetica,sans-serif;
font-style:italic;
font-weight:bold;
line-height:130%em;

Have this:

font: 100%/130% Arial,Helvetica,sans-serif italic bold;

Read more at An Introduction to CSS shorthand properties about this syntax.

Global CSS Reset

At the beginning of this joomla CSS file is a few styles that set all styles to certain characteristics. You then have to over-ride these later on. The first key global style is:

* {
margin: 0;
padding: 0;
}
body {........
font-size: 76.1%;........

Everything is given a zero margin and padding and then font size is set to 76.1%. The reason font is set here to 76.1% is to try and get more consistant font sizes across browsers. All font sizes are then set in em's further down. A link that discusses this idea:

An experiment in typography at The Noodle Incident (Owen Briggs)

Header Tags and Joomla CSS Titles

Sometimes I will have Joomla titles turned off and use h1/h2 tags in content. Usually I am doing this to get a SEO bonus*. To get some consistancy across titles depending whether I have the off or not, I'll define the Joomla CSS alongside the hX tags. For example:

h1,.componentheading {...

This is personal preference, you could certainly separate them out.

*I have realised I could get a further SEO bonus by keeping the Joomla titles to show in parameters and then hiding them through a CSS style, and making the titles linkable. Any of these would work:

display: none;
height:0;
text-indent: -3000px;

Note that there is some discussion regarding hiding text with CSS. Please read this if you are considering it!

Joomla Rounded Corners

Towards the end of this blank template CSS file is the code to have rounded corners. Its the same technique used at joomla.org and requires the module suffix contained in index.php file to be "-3".

OK, ready? So here is the blank CSS template. Note it doesn't include any layout, we'll be looking at this next time.

The blank template CSS file for joomla is free for you to take and use. If you do, maybe drop me an email to show your project.

Now, how to use this blank CSS file? Well, after you have done all your joomla CSS styling, your file will have all that extra empty CSS. Just use this tool to get rid of it. Be careful and do a test to make sure you know what it does first!!

CSS Formatter and Optimiser

A preview from our next joomla tutorial

Tutorial 5: Making a 3 column Joomla Theme for your joomla website
In this joomla tutorial, we will look at a 3 column theme for your joomla website. Most joomla websites use 3 columns and having the theme start with that is a good foundation. Then later we can hide side columns if there is no content in them for that page.

Joomla template design from Compass Design� 2005 Compass Design/Barrie North, December 2005.
Barrie creates valid joomla template designs at his consultancy, Compass Design

Presenting at Dutch Joomla Day

The second Dutch Joomla! Days will be held on December 8th & 9th 2006, in Den Bosch, The Netherlands. Day one will focus on Joomla! in business. The second day will be the Joomla! Community day. Several key Joomla! community members will attend the conference - among them six core team members and a surprise guest.

Our own Barrie North will be at the event, presenting a brief outline of some of the new features of template design in 1.5. If you are in the area, drop by and say hi!

Read more: Presenting at Dutch Joomla Day