Red Innovation Skin

 

Visual theme for Plone 2.1
Version 0.6

Copyright

Copyright 2006 Red Innovation

This product includes code from DIYPloneSkin 1.0.4 product copyright David Convent and Martin Aspeli.

Description

Look sexy. Look cool. Look better than others. Rounded corner, drop shadow and big header image layout for Plone.

Features

The skin was built www.redinnovation.com site in mind. For your own site, you need some customization which requires some knowledge of computer graphics. Paint Shop Pro template images for the skin are included.

License

Requirements

Installation

  1. Extract product to your Plone/Data/Products directory 
  2. Use Plone quick installer to install the product

Customizing

Per item navigation tree items

Each navigation item will get CSS id which is normalized version from item title. You can use this id and Plone's customize function to create per item navigation tree icons.

  1. Go to portal_css in Zope management interface
  2. Add a new stylesheet called "icons.css", media:all
  3. Go to portal_skins/custom
  4. Create icons.css DTML page
  5. Add following sample code
		#navtree-members a {
			background-image: url(&dtml-portal_url;/finland_flag_icon.gif);
			background-position: left center;
			background-repeat: no-repeat;
		}	
		
 

This will use image finland_flag_icon.gif (Finnish flag) for Members in navigation tree.

References

The skin is in live usage in www.redinnovation.com

Quality assurance

The skin is tested with:

Known problems

Todo

Contact

If you need consulting, freelancer or just a helping hand in your Plone projects, please contact us. Just drop in email and we'll see what we can do for you.

Red Innovation company web site

info@redinnovation.com