Templates Club arrow Tutorials arrow Understanding Joomla / Mambo CSS in 5 minutes
  • JA Template Club
    JA Template Club
    2co paypal logo
    • Sign up now with Paypal, 2Checkout & Bank Wire Transfer New !
    • Major Credit cards accepted! Download instantly within minutes.
    • 59 current templates+ 24 more every year. 2 templates released every month.
    • Modern design with Usability & Accessibility, W3C Web standards compliance.
    • 100% CSS and Tableless - CSS and (x)HTML Validation guaranteed.
    • Easy customization - Color and width variations via advanced configuration.
    • Well commented codes - Source files and User guide are included.
    • Join now with over 22978 satisfied members (and counting)...
  • Professional Installation
    Custom Work
    Professional Installation Buy now | More info...
    You want a clone of JoomlArt templates? Or want our experts install Joomla! on your site with JA templates included? You have good reasons to choose JoomlArt Professional Installation service.
    Our simple and unique steps in processing customer orders and maintaining Quality Assurance of a delivered product is guaranteed. You will have very fast turn around and delivery - even on Sunday.
Understanding Joomla / Mambo CSS in 5 minutes Print E-mail
Wednesday, 15 June 2005
Article Index
Understanding Joomla / Mambo CSS in 5 minutes
Break down a little further
Tweaking and Tuning

Mambo CSS TutorialThis tutorial will give you an overview of Joomla / Mambo CSS styling. All of the basic css elements of Mambo is put into a clean and easy-to-read picture which will help you to remember in a quickest time. The CSS elements here are updated with the latest version of Joomla / Mambo and I strongly believe that they can be applied in coming Joomla 1.0.X / Mambo 4.5.X releases.

1. Picturize the CSS

The below diagram displays most basic css elements of the latest Mambo version (4.5.x) using the default template (rhuk_solarflare_ii).

Image

2. Where to find this CSS

Each Joomla / Mambo template has a CSS file named " template_css.css" located in
%installdir%/templates/template_name/css folder. Location structure of a template is as follows:

installdir/templates/
  |
  +- template_name/
       | 
       +- index.php 
       |
       +- template_thumbnail.png  
       |
       +- templateDetails.xml
       |
       +- css/
       |    |
       |    +- template_css.css
       |
       +- images/



Last Updated ( Tuesday, 28 August 2007 )
 
< Prev