Main Menu
Home
Search
Forum
Portfolio
About Me
Contact Me
Downloads
Guest Book
Ben's Blog
Joomla Related
Tutorials
Templates
Modules
Church Related
How to Know God
Prayer Requests
Daily Devotion
Church Directory
Monthly Columns
ADVERTISEMENT
CSS Overview
Written by Ben   
Monday, 18 October 2004
Article Index
CSS Overview
Styling Map 1
Styling Map 2
Styling Map 3
Custom CSS
Credits
Introduction

This is less of a tutorial and more of an overview of CSS styling in Joomla!. I have taken the template from the previous tutorial (of which you can see here) and used it as a reference for this.

Basicly all I am doing is showing you an example of each class and where in a template it appears. This may or may not include all current styling classes for Joomla!. I do believe, however, that it does include the most used and therefore most relevant. If anyone has anything that they think should be added please let me know.

Again this is not a css tutorial. If you need help with the different css styles then I recommend you visit www.w3schools.com.

Below are images that represent "Maps" for our overview. Each image or "Map" has references that are designated by letters which you can cross-reference with it's specific section to find out more about what the style class is called and what it does.



Styling Map 1

Click to Enlarge
Click to Enlarge











Styling Map 2

Click to Enlarge
Click to Enlarge











Styling Map 3

Click to Enlarge
Click to Enlarge











On the next few pages we will go over the different classes and give a short discriptin of each if necessary along with examples of the code used.