Skinning Plone: Tips from Alexander Limi
Some quick tips from Limi's talk at Plone Symposium 2006
Here are some of the quick notes I jotted down during Alexander Limi's talk on skinning Plone at the New Orleans Plone Symposium. Much of what he demonstrated was familiar to me, but it was great to see the maestro first hand, and I picked up a few subtle tricks that made a lot of sense.
- Only show content type icons for logged in users.
- Do this by using CSS registry to put a condition on generated.css
- Skin by turning off most CSS except columns and authoring & building back up again. This is often easier than overriding Plone's styles.
- It's OK to edit main template to re-order elements. Just keep track of your changes.
- Plone's current global_logo template is "insane" and will get simplified in Plone 3.0. It's OK to turn it into an image and a link.
- Use a:link to avoid styling anchors.
- Use percentages for font sizes. Computed off of 16pixels * 69% = 11px. Multiply up from there.
- Use bottom-border instead of underline on links.
A brief technical note: I've had to temporarily disable comments on The Plone Blog because we seem to be suffering from a Plone 2.1.1 bug. There's a patch available, and it's fixed in Plone 2.1.2 but applying it will require me to move this site to a new instance, and might take a few days. My apologies. We're return to "fully interactive mode" soon.