module:4 - Hammer Navigator
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:3
module:3 - Legal
Edited: 30 Oct 2009 13:28 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:5
module:5 - Wishlist
Edited: 31 Oct 2009 13:59 by: pieterh
Comments: 0
Tags:
nav_next.png

module:4 - Hammer Navigator
Module submitted by pieterh
31 Oct 2009 11:49

rating: 0+x

This module provides the simple Hammer Navigator for pages in a site. Use this module rather than hard-coding the Navigator, so that you automatically get new versions. The Hammer Navigator is a simplified version of the full Navigator module.

Include files

Add a new include file

include:8 - Navigator main By pieterh 31 Oct 2009 11:54
include:9 - Navigator header By pieterh 31 Oct 2009 11:55

Instructions

To install this module in your site, create/edit these pages with the following content:

This page Contains this line
main:start [[include :modules:include:8 page=main:start | category=module | label=Module]]

You can put the navigator into any page (not necessarily 'main:start') but you must provide the page name and category. The label is used to produce a "Create a new something" link.

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: 20px -20px 0 0;
    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;
}
.hover:hover {
    background-color: transparent;
    text-decoration: underline;
}
/*  Table style is layout, header/footer are top & bottom rows */
.layout {
    border-collapse:collapse;
    color:#3B485F;
    width: 100%;
    table-layout:fixed;
}
.layout tr {
    background: #FCFFDF;
    border-bottom:1px solid #EFEFEF;
}
.layout td {
    padding-left: 1em;
}
.layout .truncate {
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.layout .header {
    height: 2em;
    background: #AFCCFF;
    border-bottom: 1px solid #9F9F9F;
    font-weight: bold;
    font-size: 13px;
}
.layout .footer {
    background: #FCFFDF;
    border-top: 1px solid #9F9F9F;
    border-bottom: 1px solid #9F9F9F;
    font-weight: bold;
}

Comments: 2

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