CSS Switcher

 CSS Switcher


Add local
This button adds a link to render CSS for the JCSS designer. The JCSS designer is new to the Joomla Template Kit 3.0

Code added to the template when button is pressed.


Remove local
This button removes the add JCSS designer CSS Code and should be used only when your finish with your template design.
It removes the CSS Link file so that your not going to load two different versions into your live Joomla Template.

Open JCSS Designer
The JCSS designer is new to the Joomla Template Kit 3.0.
This button opens the an J_CSS_Designer.html page that is a very close match to the Joomla rendered article types components modules
and menus etc.

It ID's most of the Joomla CSS style sheets so you can visually style in Dreamweaver with the default CSS floating Panel.
It shows not only the main default components styles and article types.
But the module styles and menus in sectioned off and highlighted HTML code under the style
to help not only ID the style but HTML code that a style change can effect in real time in Dreamweaver.

The J_CSS_Designer can also be viewed with your default web browsers like Internet explore,Firefox and Safari
this way you can make your styles as close as possible thru out most browsers.



Navigating the CSS styles are a lot easier for visually designing, editing and debugging.
The Joomla Template kit 3.0 styles are broken down as is Joomla into Components,Modules etc.
In easy identify CSS Class Styles locations to ID the styles that need to be edited.

Easy Visual editing for Novices or Pros a like.
With Dreamweaver CSS Properties Class inspectors which break down styles down into logical sections.

For you CSS Pros you can still hand code all your styles in the editor and still see most of your changes in real time.
See more in the coming sections I cant say enough about this feature.