v2.theme 4.0

Introduction

Used in production in http://www.v2.nl/

This product has a dependency on collective.contentLeadImage and collective.flowplayer. So these products must be installed along with v2.theme.

Configuration

To customize the theme by changing colors, fonts and images (like the logo for example) you only need to:

• log in as an administrator to your plone instance;

• Navigate to ‘site setup’->’ZMI (Zope Management Interface)’ or append ‘/manage’ to your site’s URL;

• Click on ‘portal_skins (Controls skin behaviour (search order etc))’;

• There are three customizable skin layers: v2_theme_custom_images, v2_theme_custom_templates and v2_theme_styles;

• To customize any of the files within these layers you can click on them and then press the customize button.

To change colors and fonts:

• Inside v2_theme_styles click on the file ‘base_properties (V2 Theme’s color, font, logo and border defaults)’. This file controls most of the visual apearence of the site;

• Click customize;

• Configure this file at will. The most important properties would be ‘globalStrongColor’ that controls the main color of the theme (defaults to strong green) and ‘contentViewBackgroundColor’ that controls the background color of the interface tabs and other small elements of the theme (defaults to light green); note: IT IS NOT RECOMENDED TO CHANGE THE FILENAMES ON THIS FILE (images). Instead, customize the images on the v2_theme_custom_images layer with your own (see below how to do this).

To customize images (Example of the logo):

• Inside v2_theme_custom_images choose the image you want to customize, ex. logo.png;

• Click the customize button.

• Choose the file you want to be on it’s place. You can use a transparent PNG (recommended) so that the image does not go over the shadou of the header of the site. The default logo uses a non-transparent PNG to cover that shadow with a new one that wraps arround the letters. Use your creativity to override this as you wish.

• You can override all the images of the theme with this method.

• Tip: The background of the website is the file ‘bg_image_250.jpg’ (if you do not wish to have a background you can set the property ‘animation’ to ‘none’ in ‘v2_theme_styles -> base_properties’)

• Tip: The background of the blocks and the page body text wrapper is the file backOpacityIE and is a semitransparent PNG image.

• Tip: The background of the event date display in the blocks and event view are images and they are separated in future events and past events so you can give a different background to each of them

• Tip: To change the FAVICON customize the image favicon.ico in v2_custom_images (attention, it has to be an .ico file, to create one from an image you can use an .ico generator like http://tools.dynamicdrive.com/favicon/ )

Changelog

4.0 - Fixed CSS for Toc Portlet.

3.9 - Merging of expanded view with the normal views. Compatibility with References viewlet and Toc Portlet.

3.8 - Hackless expanded view, without full-view (index)

3.7 - New search view.

3.6 - fixed flowplayer configuration to automatically apply when installed, fixed image views, added search result play button and python support on search result.

3.5 - fixed main menu for authenticated users

3.4 - Added contentleadimage and flowplayer to autoinstall

3.3 - fixed square thumbnails in v2_album_view, general CSS alignments, and link images on body of the documet with their view instead of directly to the file

3.2 - fixed the bug on v2 folder view on lead image on video player

3.1 - Additional CSS fixes and added a jsFixes.js for fixing the alignment on the caption of the leadImage

3.0 - Added visuals for the media support using the leadimage to the videoplayers.

Fixed extra img tags on v2_album_view. added video to the gallery on view_expanded. Other fixes.

2.9 - Added media support through the use of collective.flowplayer

2.8 - Activated expanded view, reorganized related items on expanded view fixed search checkboxes on search result page

2.7 - Changed v2_folder_view to display 3 sub-items of collections and folders

2.6 - Fixed nasty Image type adding and editting bug

2.5 - fixed cross-browser compatibility on the v2_folder_view blocks

2.4 - Added v2_album_view for folders with images

Added image browsing on view_expanded New view for images (with browsing functionality) Some bug fixes

2.3 - Fixed serious bug on body text of Expanded view

2.2 - Fixed news item thumbnails in search results

multiple CSS alignment fixes

2.1 - Search now uses thumnails of the leadimages reducing the size of the search result page and displays thumbnails for Image type items

fixed margin on listing tables fixed repeating related items on expanded view

2.0 - First public release