Manage Plone skins CSS, logo, and base colors dynamically from the Plone control panel
Project description
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
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
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
File details
Details for the file Products.PloneSubSkins-4.0dev-r109999.tar.gz.
File metadata
- Download URL: Products.PloneSubSkins-4.0dev-r109999.tar.gz
- Upload date:
- Size: 24.9 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | d63ca17f6841901d7080586f23cf3f6450145f50c120856e50810d23500c7b34 |
|
| MD5 | fead6e3ce21f8dad2567bfc005e6ab7b |
|
| BLAKE2b-256 | 1efc7dd7b47b32749c271f4960bf9464dfff4befa7a767e86f28771bec9c73aa |
