Products.PloneSubSkins 4.0dev-r109999

Manage Plone skins CSS, logo, and base colors dynamically from the Plone control panel

PloneSubSkins allows to switch to specific CSS files handling such or such aspects of your Plone skin.

By default, this hacked version of PloneSubSkins manage the following categories:
- Base
- Top
- Navigation
- Text
- Global navigation
- Portlets
- Bottom

An extra category is dedicated to manage your different base_properties files, named MySkin_colorschemes.

To enable PloneSubSkin you just need to respect the following naming convention:
1 - if your skin product is named MySkin, the navigation-related CSS must be stored in a sub-folder named MySkin_navigation,
text related CCS must be in MySkin_text, etc.

It will produce the following directory structure:
/Products
/MySkin
/skins
/MySkin
main_template.pt
some.gif
other.pt
/MySkin_colorschemes
bluetheme_base_properties.prop
yellowtheme_base_properties.prop
/MySkin_navigation
navYellow.css
navYellow2.css
/MySkin_text
small.css
normal.css
all_arial.css
/MySkin_globalnav
globalnav.css
globalnavOld.css
/MySkin_calendar
cal1.css
cal2.css
etc.

2 - In your css files, add the following line:
<dtml-with get_base_properties>
before the existing line:
<dtml-with base_properties> (do not remove this)

You can modify those categories or add your own ones by editing /Products/PloneSubSkins/AppConfig.py



Changelog
=========

3.2
---

* Live preview of selected css without page reload.

3.1 - Unreleased
----------------

* Initial release