1) Install PloneSubSkins and SubSkins the usual way, by putting them in the Products folder and installing by going to: yoursite/prefs_install_products_form

2) Go to the control panel - SubSkins Setting  which will look something like this:

3) Start by setting another Navigation skin (to get the idea), press save and the look of the navigation portlet has changed.

4) Repeat for all the selections and you will have  a different look on your site, maybe like this... The red arrows show what selections does what.

The next image shows some of the choises....

If you want to make a new navigation portlet css-file, do the following (recommended way to do it if you are not an css--expert....).

1) Copy one of the files from the SubSkins_navigation folder in the skins folder of SubSKins
2) Edit the file (try CSSEdit if you use mac)
3) Save the file and copy it to the SubSkins_navigation folder (in the Products folder).
4) Restart zope (you can probably just refresh the product   instead).
5) Chose the new file from the control panel (http://yoursite/portal_subskinstool/subskins_control_panel)

1) You can customize the css-files in the same way you do with other files.

 

2) If you dont know much css, it might be a good idea to change the colors in the css file to "very different", like red, green, blue to see which color is what.

 

PloneSubSkins control panel now adds the css-files to portal_css. If you want to add your own css-files and use &dtml-colors, be sure to name the style sheets yourname.css.dtml

4) The plan is to add color-schemes to SubSkins so that it is possible to change "all the colors" from the control panel as well. I need help on this, so please help if you can

 

From SubSkins0.4 (That is with the PlonSubSKins 0.3-control panel, included in the 0.4 bundle) you dont have to worry about this anymore .

 

 Only for SubSkins 0.1 to 0.35, not needed for > 0.4

1) SubSkins has its own page-template that loads the css-files.

2) This is making the site slower than it has to

3) Customize the main-template and remove the lines

<tal:subskins tal:condition="exists:here/SubskinsMacro/macros/ImportStylesheets">

        <metal:block  use-macro="here/SubskinsMacro/macros/ImportStylesheets" />

    </tal:subskins>

 

4) Add the css-files you have selected in the control panel to /portal_css, like this:

 

Of course, replace SubSkins_navigation.css with the file you have choosen.

You will have to do this for all the files you selected in SubSkins settings.