1 - Scrollbar

««

Last: page:2
2 - Wiki syntax summary
Edited: 25 Oct 2009 12:02 by: leiger
Comments: 0
Tags:

»»

2 - Wiki syntax summary »

Next: page:2
2 - Wiki syntax summary
Edited: 25 Oct 2009 12:02 by: leiger
Comments: 0
Tags:

Created 1252401508|%e %B %Y, %H:%M

This is for use in a page template, it formats links to the previous and next pages.

Example of use

 [[include include:scrollbar order = created_at | selector = parent="%%parent_fullname%%" tags="-_closed"]]

Hand-copied to these known pages (will need fixing once cross-site includes work):

• http://includes.wikidot.com/include:scrollbar deprecated site
• http://irongiant.wikidot.com/include:scrollbar done
• http://blog.wikidot.com/include:scrollbar done
• http://projects.wikidot.com/include:scrollbar done
• http://forum-template.wikidot.com/include:scrollbar done
• http://opensource-template.wikidot.com/include:scrollbar done
• http://crm-template.wikidot.com/include:scrollbar done
• http://issuetracker-template.wikidot.com/include:scrollbar done
• http://blackbelt.wikidot.com/include:scrollbar done
• http://snow-template.wikidot.com/include:scrollbar done
• http://www.kempies.org/include:scrollbar done
• http://immune-empire.wikidot.com/include:scrollbar (private, leiger)
• http://issue-tracking.wikidot.com/include:scrollbar (private, pieterh) done
• http://multi.wikidot.com/include:scrollbar
• http://patterns.wikidot.com/include:scrollbar done
• http://cyclods.ject.pro/inc:scrollbar
• http://hammer-template.wikidot.com/include:scrollbar done
• http://faq.wikidot.com/include:scrollbar done
• http://editor.wikidot.com/inc:scrollbar

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

Changelog

• Moved creator name to follow date on same line

[!-- Adjust top margin because ListPages paragraphs have 1em above and below --]
[[div style="overflow:hidden; font-size: 13px; margin: -26px 0 -22px 0"]]

[!-- Left half --]

[[div style="float:left"]]
[[module ListPages limit="1" range="before" {$selector} order="{$order}" separate="no"]]
[[span class="hover"]][[image http://includes.wikidot.com/local--files/page:1/nav_first.png height="20" link="/%%full_page_name%%"]][[span]]//First:// [[size larger]]{{%%fullname%%}}[[/size]] _
**%%title%%** _
Edited: %%date_edited|%e %b %Y%% by: %%updated_by%% _
Comments: %%comments%% _
Tags: %%tags%% _
[[/span]][[/span]]
[[/module]]
[[/div]]

[[div style="float:left; margin-top:14px"]]
[[collapsible show="««" hide="--"]]
[[module ListPages limit="10" range="after" {$selector} order="{$order} desc" separate="no"]]
[/%%full_page_name%% « %%title%%]
[[/module]]
[[/collapsible]]
[[/div]]

[!-- does not work yet
[[div style="float:left"]]
[[module CountPages range="after" {$selector} order="{$order} desc"]]
(%%count%%)
[[/module]]
[[/div]]
--]

[[div style="float:left"]]
[[module ListPages limit="1" range="after" {$selector} order="{$order} desc" separate="no"]]
[[span class="hover"]][[image http://includes.wikidot.com/local--files/page:1/nav_prev.png height="20" link="/%%full_page_name%%"]][[span]]//Previous:// [[size larger]]{{%%fullname%%}}[[/size]] _
**%%title%%** _
Edited: %%date_edited|%e %b %Y%% by: %%updated_by%% _
Comments: %%comments%% _
Tags: %%tags%% _
[[/span]][[/span]]
[[/module]]
[[/div]]

[!-- Right half --]

[[div style="float:right"]]
[[module ListPages limit="1" range="before" {$selector} order="{$order} desc" separate="no"]]
[[span class="hover"]][[image http://includes.wikidot.com/local--files/page:1/nav_last.png height="20" link="/%%full_page_name%%"]][[span]]//Last:// [[size larger]]{{%%fullname%%}}[[/size]] _
**%%title%%** _
Edited: %%date_edited|%e %b %Y%% by: %%updated_by%% _
Comments: %%comments%% _
Tags: %%tags%% _
[[/span]][[/span]]
[[/module]]
[[/div]]

[[div style="float:right; margin-top:14px"]]
[[collapsible show="»»" hide="--"]]
[[module ListPages limit="10" range="after" {$selector} order="{$order}" separate="no"]]
[/%%full_page_name%% %%title%% »]
[[/module]]
[[/collapsible]]
[[/div]]

[!-- does not work yet
[[div style="float:right"]]
[[module CountPages range="after" {$selector} order="{$order}"]]
(%%count%%)
[[/module]]
[[/div]]
--]

[[div style="float:right"]]
[[module ListPages limit="1" range="after" {$selector} order="{$order}" separate="no"]]
[[span class="hover"]][[image http://includes.wikidot.com/local--files/page:1/nav_next.png height="20" link="/%%full_page_name%%"]][[span]]//Next:// [[size larger]]{{%%fullname%%}}[[/size]] _
**%%title%%** _
Edited: %%date_edited|%e %b %Y%% by: %%updated_by%% _
Comments: %%comments%% _
Tags: %%tags%% _
[[/span]][[/span]]
[[/module]]
[[/div]]

[[/div]]