Building a CSS Template for JOOMLA
This series will help you get familiar with the routine and not so rountine processes of constructiong a CSS
template. The series details the contruction of a two-column, fixed-width layout.
Skill Level: Intermediate/Advanced
The Building a CSS Template Series starts with a photoshop layout and ends with converting a CSS template into
a JOOMLA readable template. By the completion of this series, you will have learned how to slice and make ready
a photoshop layout for the web, construct the basic structure of an XHTML/CSS document, work through common
brower bugs in CSS, and optimize the template for JOOMLA.
Lesson One – Slicing a Photoshop Image
• Planning the Layout
• Slicing Images
• Naming Slices
• Saving for the Web
Lesson Two – Creating the Foundation
• Files and Folders
• Linking the CSS into the PHP Document
• Getting Setup in Style Master
• Creating the DIV tags
Lesson Three – CSS Layout I
• Styling the Body
• Styling the Container
• Styling the Header
Lesson Four – CSS Layout II
• Styling the content DIV
• Working through browser bugs
Lesson Five – Finishing up and JOOMLA Integration
• Install JOOMLA Plug-in from http://www.joomlasolutions.com/
• Placing the Header Code
• Placing the Content Code
• Prepare the XML file
• Zip and Upload
Download:
http://rapidshare.com/files/67484757/Building.a.CSS.Template.for.Joomla_Lesson1.rar
http://rapidshare.com/files/67486204/Building.a.CSS.Template.for.Joomla_Lesson2.rar
http://rapidshare.com/files/67488078/Building.a.CSS.Template.for.Joomla_Lesson3.rar
http://rapidshare.com/files/67490271/Building.a.CSS.Template.for.Joomla_Lesson4.rar
http://rapidshare.com/files/67491730/Building.a.CSS.Template.for.Joomla_Lesson5.rar
