Image frames for portlets

Plone with pure CSS doesn't offer very rich looks customization possibilities. If you want to go beyond bars, blocks and solid colors you need to go to beyond CSS. This tutorial explains how Plone's portlets can gain smooth round corners and drop shadows. We create a portlet frame template macro, decorate frame using CSS and then modify Plone's existing portlets to utilize the image frame template.

Warning: This item is marked as outdated.

1. Basics What are we going to do
2. Making the template We draw a base image which is sliced to pieces. Then we create a TAL template macro which decorates the frame around the portlet content using CSS.
3. Utilizing the template How to change existing portlets to use image frame template
4. The result What will it look like

All content on one page (useful for printing, presentation mode etc.)