HTML Logo by World Wide Web Consortium (www.w3.org). 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 compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Parallax Jungle

This theme uses a parallax technique of moving background elements on the website at a different speed to that of the foreground elements. This creates an  illusion of perspective(3D) as the user scrolls or navigates through the website.

Live Demo Here.

Additional information

Notes:
 
This animation method along with 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.

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)
 
Easy modifications you can make to the theme:

The top logo header can be changed with your own by following these steps:
  • GO TO:  Admin Zone-->Style-->Manage themes-->Choose the current theme
  • click on: Manage theme images
  • Select 'General'
  • Choose Codename 'header' to edit from the list
  • This is a transparent png image of 980x150
  • Replace with an image of the same dimensions through the 'upload' option.
You can do the same with the Codename: ' block_background' image, Replace it with one of your own if you'd like. The dimensions of this image can be anything you want. However,  if too small, expect some stretching for large blocks of content. If too large, rendering speed can be an issue with some browsers and slow machines. Experiment until you are satisfied with the results.

Jean


Images