HTML Logo by World Wide Web Consortium ( Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Click on image for a live demo of this theme.
A New year: 2013.

Here is my latest experiment with a new style for the Welcome Page enhanced with HTML5, JavaScript and JQuery code snippets.

I have tested this theme with the latest browsers and although they all render it adequately, they certainly do not do it with equal accuracy and performance. For best result, I suggest Firefox, followed closely by Google Chrome. It was a welcome surprise to see Safari deliver a good and quick rendition of this theme. The centerpiece signature for this theme is the sliding (garage door) effect for the link gateways on the welcome page and the header on the main site. Unfortunately it is not compatible with previous IE versions other than the latest IE10 which will at least flip the shutter images and make a good show for the rest.

There is a fairly large download for this theme (6MB) because of the included city images and 3 PSD files to easily replace the shutters with your own theme images and logo. All changes and menu links are easily accessible from only one commented template: GLOBAL_HTML_WRAP.tpl. If you have just a basic understanding of HTML tags, it should not be difficult to change the menu links with your own. The Welcome page images, JS, and special css files are contained in a separate "/themes/CityScape/welcome_zone/"   folder.

I hope you will like this theme and be able to adapt it for different projects.


Edited: 06/03/2013 - Updated the download file with a lighter version of the color palette. No more dark backgrounds and the etched text effect was replaced for sharper text.

Additional information

Important installation notes:
To ensure best functionality please enable the following features on your browser and site:
Fixed-Width model
Separate zones for the Welcome page and Site page.
ocPortal version 9+ makes use of HTML5/CSS3 animation tags and styles and includes several pre-installed JavaScripts and Plugins. This is still experimental technology which will require the latest browsers versions to deploy successfully. At published date, the best viewing experience for this theme was with FireFox and Google Chrome. All other browsers experienced lagging performances.
To insure proper integration with other elements of the website,  please disable Javascript overlays by following this link:
Admin Zone-->Setup-->Configuration-->> Accessibility
'Enable Javascript overlays'  (remove check-mark to disable)
You will find the fixed width and welcome/site zones elements during the Setup Wizard step 3 and 5
You can also change the Welcome zone feature by going to the Admin Zone-->Setup-->Configuration-->Site Options-->General