Floating Blocks

Floating Blocks plugin makes selected elements in the template floating, ie. visible although page content is scrolled down. To create an floating block define the floating element's ID in the plugins configuration, wrap the template block in <div id="elementID">....</div> and finally create stylesheets for elemntID. For demo scroll down this page on a pc and watch the right sidebar (well, the left side menu does the same but not through the Floating Blocks plugin). Floating Blocks functionality is disabled on tablets and smartphones.This plugin does not require use of cookies.

1. License and purchase



Remove Link License:





2. Installation

Floating Blocks plugin requires a preinstalled pluginloader and plugin (both included in core distribution package version 1.4.1 and higher).

Download and uncompress floating_blocks.zip Upload the entire floating_blocks directory to  your "plugins" directory.

3. Configuration

  1. Edit plugin configuration and insert the ID-name of a floating block. If you need more floating blocks insert a list of ID names separated by a delimiter.
  2. Add two styles in plugin stylesheet:
    #ID-name {position.absolute;}
    #ID-name.fixed {position: fixed;}
  3. Wrap the HTML block in your template you want to float in:
    <div id="ID-name">
    .... your code ...

You just did made a floating block. 

4. Compatibility

Tested with CMSimple_XH version 1.7.2 and php 7 but should run with any version of CMSimple and php 4.3 or later. XH-certified.

5. History 

version 1.0.0 May 2012.

6. Known problems

7. Future development

A page version if anybody ask and pays for it.

8. Disclaimer

This CMSimple plugin is distributed in the hope that it will be useful - without any warranty; without even the implied warranty of fitnes for a particualr purpose.

© simpleSolutions 2012-2018.









This page is longer than necessary for test purposes


This page is powered by
CMSimple plugin: Tooltip and Modalbox © simpleSolutions