To display an unbranded list of CMS features on your own website, simply cut and paste the following code snippet into the HTML of your website.
<script type="text/javascript" src="http://publishpath.com/scripts/resellerfeatures.js"></script>
See an example of an unstyled features list dropped into one of our system's default templates.
You can style the features list in one or two columns
We've balanced the content on the features list into two columns. Each column is wrapped in a div. So, by default, the divs will display stacked on top of each other, creating a single column of features that fills its containing element. Or, by applying styles to the divs, you can allow them to display in two-column form. Here are the CSS statements we use to create a two column effect on our product sites.
#featuresColOne { float: left; margin-right: 5%; width: 47%; }
#featuresColTwo { float: right; width: 47%; }
You can also include links to demo videos
We offer a version of the features listing that includes links to feature demo videos where available. To implement the version including video, use the following code in place of the code listed above:
<script type="text/javascript" src="http://publishpath.com/scripts/resellerfeatureswithvideo.js"></script>
See an example of the features list with video dropped into one of our system's default templates.
Extra header content required for video version
To really make the videos work like they are intended, there's some additional code you'll need to drop into the header of your HTML page. If you're putting this on a site on our CMS system, you can easily do this by going to the page settings' advanced tab and dropping the code into the "additional header" field. If you're using any other system or a static site, you'll just need to place it between the <head> and </head> tags. Here's the code:
<script src="http://publishpath.com/scripts/prototype.js" type="text/javascript"></script>
<script src="http://publishpath.com/scripts/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="http://publishpath.com/styles/themebase/s/lightbox++.js" type="text/javascript"></script>
<link href="http://publishpath.com/styles/themebase/c/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
These scripts and styles provide the necessary functionality to open up the videos in a nice overlay on the features page for the best viewing experience. If you don't include them, the videos will still work, but they will open in the browser and scale to the size of the browser window, which usually results in a video that is dramatically larger than intended.
Posted on
Tuesday, November 25, 2008
by Tim Wall