Manage Plone skins CSS, logo, and base colors dynamically from the Plone control panel
Project description
This product provides a control panel to be used by subskins, a Plone product that
provides many css and color schemes to customize the site layout.
Together, the two allow quick and easy customization of the Plone skin.
If you want this functionality, you should install medealog.subskins.
It will pull this product as a dependency.
If you want to write a product similar to subskins read ahead.
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
- Extra (multiple choices)
Another category is dedicated to manage your different base_properties files, named MySkin_colorschemes.
To use 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 mapping>
before the existing line:
<dtml-with base_properties> (do not remove this)
and add the line
/* </dtml-with> */
at the end of the file
3 - Depend on this product in your metadata.xml
4 - Put a file named subskins_choices.xml in your profile directory
You can modify those categories or add your own ones by editing /Products/PloneSubSkins/AppConfig.py
Changelog
=========
4.1
___
Switched to using select boxes (instead of multiselect) for the "extra" selections so its easier to see what is selected.
4.0
---
* Plone 4.0 compatible
* Added multiselect extra category
* Use titles to list css in the form
3.2
---
* Live preview of selected css without page reload.
3.1
----------------
* Initial release
provides many css and color schemes to customize the site layout.
Together, the two allow quick and easy customization of the Plone skin.
If you want this functionality, you should install medealog.subskins.
It will pull this product as a dependency.
If you want to write a product similar to subskins read ahead.
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
- Extra (multiple choices)
Another category is dedicated to manage your different base_properties files, named MySkin_colorschemes.
To use 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 mapping>
before the existing line:
<dtml-with base_properties> (do not remove this)
and add the line
/* </dtml-with> */
at the end of the file
3 - Depend on this product in your metadata.xml
4 - Put a file named subskins_choices.xml in your profile directory
You can modify those categories or add your own ones by editing /Products/PloneSubSkins/AppConfig.py
Changelog
=========
4.1
___
Switched to using select boxes (instead of multiselect) for the "extra" selections so its easier to see what is selected.
4.0
---
* Plone 4.0 compatible
* Added multiselect extra category
* Use titles to list css in the form
3.2
---
* Live preview of selected css without page reload.
3.1
----------------
* 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.1dev-r144608.tar.gz.
File metadata
- Download URL: Products.PloneSubSkins-4.1dev-r144608.tar.gz
- Upload date:
- Size: 34.6 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | c83984975283a9d22575e8ff02d4e43067d877c74f9b1bf7b51c707e74e4c08b |
|
| MD5 | 1a1d6d9693d3df4b1ba4d769875b337a |
|
| BLAKE2b-256 | 31de7e2a8755638796155963c6d17a6dd81528af79384ad4cdffc4e75af8d6fb |
