You are here: Foswiki>System Web>NatSkin (05 Jun 2013, micha)EditAttach

The Natural Skin

NatSkin improves your Foswiki experience by bringing together some of the most useful features from different plugins in a consistent way. NatSkin comes with a modern web design that improves readability of your wiki content as well as easing the way you interact with it as a wiki author and consumer.

NatSkin also serves as a foundation for additional web designs. So you won't need to reinvent the wheel on every project over and over again.

NatSkin allows you to choose between several kinds of page layouts. All of the predefined themes come with support for a 1, 2 and 3 columns designs in both a fluid and a fixed page layout.

NatSkin provides a much improved usability when navigating among webs as well as when interacting with wiki content.

Screenshots

Theme switcher

You can change design and layout aspects of every page as you like with just a few clicks.

Configure the skin by changing:

  • the theme installed on your system,
  • the style part of a theme,
  • the variation added to the theme's style,
  • the sidebar location,
  • the page layout being either a fixed-width, or a fluid design or
  • the navigation elements as displayed at the top of the page.

The underlying templates that generate the pages are arranged in a flexible and manageable way to facilitate easy "skin mix-in", that is, overriding specific parts of the templates by using the NatSkin as a parent skin to create template modifications.

WebComponents

Name Description Default
Menu navigation tabs above the topic area System.SiteMenu
SideBar a configurable navigation bar System.SiteSideBar
RightBar when using two sidebars, this component holds the right sidebar, while the SideBar component is displayed on the left. System.SiteRightBar
Links this is a sub-component of the SideBar component to plug in navigation links within System.SiteLinks, Main.WebLinks, System.WebLinks
BottmBar customize the content at the bottom area of a page System.SiteBottomBar
HtmlHead additional stuff to be put into the html head, like javascript and/or css System.SiteHtmlHead
HtmlBottom similar to WebHtmlHead but putting additional stuff just before the closing </body> tag of a page; this is useful when adding third party javascript code to a website, like tracking code  
TopicActions configure the actions used to manipulate topics System.SiteTopicActions

Documentation

Installation Instructions

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server.

Open configure, and open the "Extensions" section. Use "Find More Extensions" to get a list of available extensions. Select "Install".

If you have any problems, or if the extension isn't available in configure, then you can still install manually from the command-line. See http://foswiki.org/Support/ManuallyInstallingExtensions for more help.

Dependencies

NameVersionDescription
Foswiki::Contrib::FamFamFamContrib>=2075Required.
Foswiki::Plugins::AutoTemplatePlugin>=2.01Required
Foswiki::Plugins::BreadCrumbsPlugin>=4318Required
Foswiki::Plugins::DBCachePlugin>=1Optional
Foswiki::Plugins::MimeIconPlugin>=1Required
Foswiki::Plugins::FilterPlugin>=3491Required
Foswiki::Plugins::FlexWebListPlugin>=3493Required
Foswiki::Plugins::ImagePlugin>=6307Optional
Foswiki::Plugins::JQueryPlugin>=4.70Required
Foswiki::Plugins::NatEditPlugin>=1993Required
Foswiki::Plugins::NatSkinPlugin>=3.99_004Required
Foswiki::Plugins::RenderPlugin>=3644Required
Foswiki::Plugins::TopicInteractionPlugin>=1340Required
Foswiki::Plugins::WebLinkPlugin>=1Optional
Foswiki::Plugins::PageOptimizerPlugin>=0.10Optional
Foswiki::Plugins::ZonePlugin>=3.1Required. required for Foswiki < 1.1

Skin Info

Skin Author: Michael Daum
Copyright ©: 2003-2013, Michael Daum http://michaeldaumconsulting.com
License: GPL (GNU General Public License)
Release: 3.99_016
Version: 3.99_016
Description: Userfriendly Foswiki skin providing a flexible theming engine for professional webdesigns
Base Name: nat
Screenshot:
Change History:  
14 Mar 2013: first beta of new release
25 Jun 2003: Initial version
Home: Foswiki:Extensions/NatSkin
Support: Foswiki:Support/NatSkin
Topic revision: r1 - 05 Jun 2013, micha
 
This site is powered by FoswikiCopyright © CC-BY-SA by the contributing authors. All material on this collaboration platform is copyrighted under CC-BY-SA by the contributing authors unless otherwise noted.
Ideas, requests, problems regarding Foswiki? Send feedback