Logo, Site actions, Tabs and Search box, Portlets, Banners, Footer and Colophon

This document describes the changes made to Logo, Site actions, Navigation tabs, Search box, Portlets, Banners, Footer and Colophon.

Logo

Logo image is re-loaded, which can be found in ZMI/{plone site root}/portal_skins/custom/logo.jpg. Upload a new image if needed.

Style changes, such as background and positions, are done in ZMI/{plone site root}/portal_skins/custom/ploneCustom.css in section /* header (TOP_JPEG) background image */. The layout is placed by using a table in page template ZMI/{plone site root}/portal_skins/custom/main_template.

The description next to the logo is in ZMI/portal_skins/custom/main_template in portal_header div.


Site actions

Default site actions are: site map, accessibility, contact and site setup. These are defined in ZMI/{plone site root}/portal_actions in category "site_actions".
  • To remove an existing one, unchecked the visibility or delete the element.
  • To add a new one, scroll to the bottom and add a new action accordingly.

Style changes are done in ZMI/{plone site root}/portal_skins/custom/ploneCustom.css in section /* portal_siteactions */.

Some minor layout changes such as adding bars, are done in a page template ZMI/{plone site root}/portal_skins/custom/global_siteactions. However, to modify this template may require some knowledge of HTML and Zope Page Template.

Navigation tabs

These tabs are generated automatically by Plone depending on the folders under the site root except those with "Exclude from navigation" property checked.

Style changes such as background, positions, etc. are done in ZMI/{plone site root}/portal_skins/custom/ploneCustom.css in section /* portal_tabs (TOP_JPEG) background images */.

Search box

The style of the search box is modified, which can be found in ZMI/portal_skins/custom/ploneCustom.css in sections /* table for tabs + searchbox */ and /* seachbox positioning */.

Portlets

To modify portlets sitewise, go to ZMI -> plone site root and select properties tab. Left hand side portlets are in left_slots property and right hand side portlets are in right_slots property.
  • Navigation portlet: some changes to the style can be found in ZMI/portal_skins/custom/ploneCustom.css stylesheet. The background, bullets, fonts, and so on are defined in /* navigation portlet */ and
    /* left portlets */ sections. Also, minor workaround style needs to be done for IE, which is in ZMI/portal_skins/custom/IEFixes.css for visualIconPadding element.

Banners

Either using the flash banner (for the homepage) or the section banners (for all the other pages) is defined/programed in page template ZMI/portal_skins/custom/main_template. To modify this banner may require some knowledge of HTML and Zope Page Template. However, if only need to chang the banner flash/images, a simple way to modify is to go to site/images/prescient_banner_v1.swf or images/secondary_pages/Title_bar.jpg to reload the flash or image file. If the change of the file names are required:
  • find prescient_banner_v1.swf in main_template and change it accordingly
  • find Title_bar.jpg in ploneCustom.css and change it accordingly
The section title on the banner is done with page template ZMI/portal_skins/custom/title_sections, and a script ZMI/portal_skins/custom/selectedActions is also created.

Style changes are done in ZMI/portal_skins/custom/ploneCustom.css in section /* banners */.

Footer

The original footer displays Plone copyright disclaimer. To handle Prescient's special needs, a page template ZMI/portal_skins/custom/footer is modify to include two new page templates footer_sections and footer_siteactions. With these two templates, footer will automatically update when navigation tabs or site actions are modified.

Style changes are done in ZMI/portal_skins/custom/ploneCustom.css in section /* footer */.

Colophon

A page template ZMI/portal_skins/custom/colophon is modified to display Prescient's copyright disclaimer and a link to privacy policy page.

Style changes are done in ZMI/portal_skins/custom/ploneCustom.css in section /* colophon */.