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.


Cool Faces

Click on the picture for Demo Site

This theme serves as an example of integration with the new Facebook social graph Platform. It is already coded with a set of APIs and tools which enable you to integrate with the social graph to drive registration, personalization, and traffic to your website. It provides a simple view to visitors and members on your site, and the connections between them like friendships, likes, and other tags.

Additional information

This theme goes a bit outside the normal ocPortal variable width design with two side panels. My design provides for a right side panel only, but with a slightly larger width and does away with many of the standard boxes borders.

In order to bring your own site closer to my original idea, you will need to change a few things as soon as you finish importing and installing the "faces" theme.

However, I suggest you run the "Setup Wizard" from: Admin Zone-setup-setup wizard and name your site: "faces" to make it easier to import this theme and apply the changes described below. You can always change the name later.


1- Remove ALL content from "Panel Left" (this will eliminate the left panel from the front page design) This is easily done from this interface: admin zone-comcode page-panel left-proceed-

2- Use the same interface to go to "panel right: and populate it with the content you wish to appear on it (side blocks). If you would like to use the same graphic header as the demo site, add this code as the first lines after togling the editor to HTML mode:


<div id="rightPan"><h2><span>do more</span><br /></h2>
<div id="readmore">Here's a list of things you can do on this

3-Modify the panel width here: admin zone-setup-configuration-Theme options:

Theme options
* Panel Width: 16em
* Panel Width with spacing: 17em

4- Facebook XFBML coding is already in place in the HEADER.tpl file, but you need to REGISTER your Facebook application before editing the parameters.

Follow this " Guide" to learn how it is done, then modify appropriate parameters according to your own Facebook Application. You will find this file here: admin zone-style-themes-manage themes-(select the "edit
templates" button from the "faces" theme)-scroll down to HEADER.tpl-click on the proceed button. ONLY CHANGE the parameters, as indicated on the guide.

If you need help with this theme, or if you would like to improve on it and share your experience, post your comments or requesst in the "Themeing forum" on

Have fun with this theme,
Jean Gosselin aka Islander-aua