Mobile Friendly Website


Doing it with style

CSS DEMOSA practical use of 'Clickbox'

Date : 11th January 2010

For all modern browsers


A simple demonstration of how 'Clickbox' can be used in real applications.

You have no doubt seen websites which use shopping cart software to show products for sale, and most have a feature to show larger images of the products. Well this is how 'Clickbox' can be adapted to have this feature with just a little extra styling so that it works without the need for javascript.

In this demo I have changed the dark backround for a white one as this is more in keeping with the large display.

I have also made the 'Close' button more easily seen, but you must check that this does not cover any other link on the main page as it does require a transparent overlay that is absolutely positioned on the page.

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

  1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
    A support donation is now required for this demonstration.
  2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at} and again a support donation is required.
  3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page