This module provides a scrollbar for use in live templates. The scrollbar lets users navigate rapidly to previous and next pages with configurable selection and ordering.
Include files
include:3 - Scrollbar code | By pieterh | 29 Oct 2009 14:50 |
Instructions
To install this module in your site, add code like this into your page _template:
[[include :modules:include:3 order = created_at | selector = parent="%%parent_fullname%%" tags="-_closed"]]
Where the 'order' and 'selector' match the ListPages code you use. You can use any valid ListPages order and selector, e.g.: selector = tags="==" to scroll between pages with identical tags.
CSS support
To use the scrollbar you must use a compatible CSS theme:
- One of the Rainbow themes, or
- One of the Minimalist themes, or
- Adding the following CSS to your custom theme:
/* Pop-up hover text over images or links */ /* Use: [[span class="hover"]]Image or link[[span]]Hover text[[/span]][[/span]] */ .hover span { display: none; } .hover:hover span { position: absolute; display: inline; margin: 15px -20px; height: auto; width: auto; background: #eee; border: 1px solid #555; color: #555; padding: 1em; font-size: 12px; } .hover:hover span span { position: relative; margin: auto; height: auto; width: auto; border: none; padding: 0; }
Love this one.