module:6 - Navigator (beta)

First: module:1
module:1 - Wikidot per-site help
Edited: 29 Oct 2009 14:44 by: pieterh
Comments: 0
Tags:

««

« module:1 - Wikidot per-site help
« module:2 - Scrollbar
« module:3 - Legal
« module:4 - Hammer Navigator
« module:5 - Wishlist

Previous: module:5
module:5 - Wishlist
Edited: 31 Oct 2009 13:59 by: pieterh
Comments: 0
Tags:

Last: module:11
module:11 - Twitter Module
Edited: 07 Nov 2009 06:22 by: tsangk
Comments: 2
Tags:

»»

module:7 - CSS elegant code brackets »
module:8 - Analog Clock »
module:9 - Mp3 Player »
module:10 - Theme Selector »
module:11 - Twitter Module »

Next: module:7
module:7 - CSS elegant code brackets
Edited: 01 Nov 2009 11:17 by: pieterh
Comments: 0
Tags:

module:6 - Navigator (beta)
Module submitted by pieterh
31 Oct 2009 14:05

This module provides a page manager called the Navigator. The Navigator is under development and some features do not work properly. However it is already useful for managing sites. It lets you show the most recent pages, sort by author or date, select by tag and parent, and so on.

Include files

Add a new include file

include:12 - Page manager

By pieterh

31 Oct 2009 14:07

include:13 - Page manager header

By pieterh

31 Oct 2009 14:08

Instructions

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

This page	Contains this line
system:page-manager	[[include :modules:include:12 page=system:page-manager]]

And then add this to your top menu:

 * [/system:page-manager Manage pages]

Then, in your Site Manager 'Appearance' tab, select 'Navigation elements' and for the system category, remove the side-bar. This gives the Navigator the full width of the page to work with. Removing the side-bar may not work with all themes.

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: 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: 0