Document Actions
DIYPloneStyle: Creating a Custom Style for Plone
This Tutorial applies to:
Plone 2.5.x, Plone 2.1.x
This Tutorial is intended for:
Integrators, Customizers
This
tutorial will teach you how DIYPloneStyle can be used as a base for
creating a custom style product for Plone 2.1 or Plone 2.5 that adds to
a portal a new skin selection and makes use of the new stylesheet and
javascript registries.
davconvent
All content on one page (useful for printing, presentation mode etc.)
- Introduction Introducing DIYPloneStyle and the purpose of this tutorial.
- Installation and basic example Quick learning from the basic example included in DIYPloneStyle.
- Getting Started - The Manual Way Preparing DIYPloneStyle for making it the skeleton of a new visual theme for Plone.
- Getting Started - The Automated Way Using the built-in generator script for quick skeleton creation.
- Organizing the skins layers A bit of theory on the portal_skins tool mechanism.
- Working with Base Properties Editing base_properties.props for quick customization.
- Registering and customizing stylesheets Best use of the Resource Registries.
- Troubleshooting Some solutions in case you encounter problems.
- Resources Related documentation, Zope/Plone products and CSS oriented developer tools.
- Translations This tutorial in your language (?).
see also:
-
Creating a new theme for Plone: a real-world example (Plone 2.1, 2.5)
- In this tutorial, Alexander Limi will show you how to take a default Plone site and put a totally different look on it. (Not updated for Plone 3.0)
-
Using the Resource Registries to control CSS and Javascript
- Plone has two neat tools for managing Cascading Stylesheets and Javascript in a handy way. This tutorial explains some whys and hows and even has a minimal practical example of how it works.
by
David Convent
—
last modified
May 23, 2008 - 22:15
All content is copyright Plone Foundation and the individual contributors.
See George Lee's tutorial
Posted by
David Convent
at
December 1, 2006 - 22:16
Techniques for switching skins upon certain conditions (URL or kind of user for instances) are detailed in George Lee's tutorial about.. switching skins. ;)
The tutorial can be found here:
http://plone.org/documentation/tutorial/switching-skins.
Focus on the chapter about switching skins by type of user:
http://plone.org/documentation/tutorial/switching-skins/use-case-two-skin-by-type-of-user.
Enjoy!
The tutorial can be found here:
http://plone.org/documentation/tutorial/switching-skins.
Focus on the chapter about switching skins by type of user:
http://plone.org/documentation/tutorial/switching-skins/use-case-two-skin-by-type-of-user.
Enjoy!
george lee's tutorial
Posted by
Christof Haemmerle
at
December 1, 2006 - 22:21
hi dave yes i found that, but whouldn't it be cool to bet that functionality into the product and also in the generation script?
christof
christof
Hi christof :)
Posted by
David Convent
at
December 1, 2006 - 22:32
Can you please fill up an issue in the tracker so that we can move the discussion there?
cheers
cheers
Rephrase the description?
Posted by
Roger Erens
at
February 15, 2007 - 15:56
Hi David,
I find the current description rather cryptic. How about rephrasing it to something like this:
This tutorial will teach you how DIYPloneStyle can be used as a base for creating a custom style. The product DIYPloneStyle adds a new skin selection item to a portal. It uses the new stylesheet and javascript registries that were introduced in Plone 2.?.?.
I find the current description rather cryptic. How about rephrasing it to something like this:
This tutorial will teach you how DIYPloneStyle can be used as a base for creating a custom style. The product DIYPloneStyle adds a new skin selection item to a portal. It uses the new stylesheet and javascript registries that were introduced in Plone 2.?.?.
switch skin for auth users to plone default