module:2 - Scrollbar
nav_first.pngFirst: module:1
module:1 - Wikidot per-site help
Edited: 29 Oct 2009 14:44 by: pieterh
Comments: 0
Tags:
nav_prev.pngPrevious: module:1
module:1 - Wikidot per-site help
Edited: 29 Oct 2009 14:44 by: pieterh
Comments: 0
Tags:
Last: module:11
module:11 - Twitter Module
Edited: 07 Nov 2009 06:22 by: tsangk
Comments: 2
Tags:
nav_last.png
Next: module:3
module:3 - Legal
Edited: 30 Oct 2009 13:28 by: pieterh
Comments: 0
Tags:
nav_next.png

module:2 - Scrollbar
Module submitted by pieterh
29 Oct 2009 14:49

rating: 0+x

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

Add a new include file

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:

/*  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;
}

Comments: 1

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License