Difference: NatSkin (r7 vs. r6)

r7 - 19 Nov 2013 - 11:39 - AdminUser r6 - 19 Nov 2013 - 11:39 - AdminUser

The Natural Skin

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 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 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 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.

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

Screenshots

Screenshots

Theme switcher

Theme switcher

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

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

Configure the skin by changing:

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 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.

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

WebComponents

NameDescriptionDefault
Menu navigation tabs above the topic area SiteMenu
SideBar a configurable navigation bar SiteSideBar
RightBar when using two sidebars, this component holds the right sidebar, while the SideBar component is displayed on the left. SiteRightBar
Links this is a sub-component of the SideBar component to plug in navigation links within SiteLinks, WebLinks, WebLinks
BottmBar customize the content at the bottom area of a page SiteBottomBar
HtmlHead additional stuff to be put into the html head, like javascript and/or css SiteHtmlHead
HtmlBottom similar to WebHtmlHead but putting additional stuff just before the closing 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 SiteTopicActions
NameDescriptionDefault
Menu navigation tabs above the topic area SiteMenu
SideBar a configurable navigation bar SiteSideBar
RightBar when using two sidebars, this component holds the right sidebar, while the SideBar component is displayed on the left. SiteRightBar
Links this is a sub-component of the SideBar component to plug in navigation links within SiteLinks, WebLinks, WebLinks
BottmBar customize the content at the bottom area of a page SiteBottomBar
HtmlHead additional stuff to be put into the html head, like javascript and/or css SiteHtmlHead
HtmlBottom similar to WebHtmlHead but putting additional stuff just before the closing 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 SiteTopicActions

Documentation

Documentation

Installation Instructions

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.

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".

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.

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

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
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 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
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
IAttachmentActionSizeDateWhoComment
BaseStyle.csscssBaseStyle.cssmanage 42.8 K 19 Jun 2013 - 13:46AdminUser  
BaseStyle.css.gzgzBaseStyle.css.gzmanage 9.2 K 19 Jun 2013 - 13:46AdminUser  
BaseStyle.uncompressed.csscssBaseStyle.uncompressed.cssmanage 53.3 K 19 Jun 2013 - 13:46AdminUser  
BlueNoteStyle.jpegjpegBlueNoteStyle.jpegmanage 41.1 K 19 Jun 2013 - 13:46AdminUser  
MakefileEXTMakefilemanage 0.2 K 19 Jun 2013 - 13:46AdminUser  
Makefile.includeincludeMakefile.includemanage 0.1 K 19 Jun 2013 - 13:46AdminUser  
attach.jsjsattach.jsmanage 0.5 K 19 Jun 2013 - 13:46AdminUser  
attach.js.gzgzattach.js.gzmanage 0.3 K 19 Jun 2013 - 13:46AdminUser  
attach.uncompressed.jsjsattach.uncompressed.jsmanage 1.3 K 19 Jun 2013 - 13:46AdminUser  
blank.gifgifblank.gifmanage 0.1 K 19 Jun 2013 - 13:46AdminUser  
bullet-toc.gifgifbullet-toc.gifmanage 0.1 K 19 Jun 2013 - 13:46AdminUser  
external.pngpngexternal.pngmanage 0.2 K 19 Jun 2013 - 13:46AdminUser  
favicon.icoicofavicon.icomanage 1.1 K 19 Jun 2013 - 13:46AdminUser  
foswiki-logo.pngpngfoswiki-logo.pngmanage 5.0 K 19 Jun 2013 - 13:46AdminUser  
grid-40x18.pngpnggrid-40x18.pngmanage 0.1 K 19 Jun 2013 - 13:46AdminUser  
hamburger.gifgifhamburger.gifmanage 1.2 K 19 Jun 2013 - 13:46AdminUser  
history.jsjshistory.jsmanage 1.2 K 19 Jun 2013 - 13:46AdminUser  
history.js.gzgzhistory.js.gzmanage 0.6 K 19 Jun 2013 - 13:46AdminUser  
history.uncompressed.jsjshistory.uncompressed.jsmanage 2.3 K 19 Jun 2013 - 13:46AdminUser  
iepngfix.htchtciepngfix.htcmanage 3.2 K 19 Jun 2013 - 13:46AdminUser  
input-bg.pngpnginput-bg.pngmanage 4.5 K 19 Jun 2013 - 13:46AdminUser  
login.jsjslogin.jsmanage 0.2 K 19 Jun 2013 - 13:46AdminUser  
login.js.gzgzlogin.js.gzmanage 0.2 K 19 Jun 2013 - 13:46AdminUser  
login.uncompressed.jsjslogin.uncompressed.jsmanage 0.4 K 19 Jun 2013 - 13:46AdminUser  
login_keys.pngpnglogin_keys.pngmanage 14.8 K 19 Jun 2013 - 13:46AdminUser  
menuarrow.gifgifmenuarrow.gifmanage 0.8 K 19 Jun 2013 - 13:46AdminUser  
menubg.gifgifmenubg.gifmanage 5.9 K 19 Jun 2013 - 13:46AdminUser  
minus.pngpngminus.pngmanage 0.3 K 19 Jun 2013 - 13:46AdminUser  
natskin.jsjsnatskin.jsmanage 2.9 K 19 Jun 2013 - 13:46AdminUser  
natskin.js.gzgznatskin.js.gzmanage 1.2 K 19 Jun 2013 - 13:46AdminUser  
natskin.uncompressed.jsjsnatskin.uncompressed.jsmanage 5.4 K 19 Jun 2013 - 13:46AdminUser  
obfuscator.jsjsobfuscator.jsmanage 0.4 K 19 Jun 2013 - 13:46AdminUser  
obfuscator.js.gzgzobfuscator.js.gzmanage 0.3 K 19 Jun 2013 - 13:46AdminUser  
obfuscator.uncompressed.jsjsobfuscator.uncompressed.jsmanage 0.7 K 19 Jun 2013 - 13:46AdminUser  
oldrevisionbg.pngpngoldrevisionbg.pngmanage 7.1 K 19 Jun 2013 - 13:46AdminUser  
oopsmore_diff_debug.gifgifoopsmore_diff_debug.gifmanage 3.1 K 19 Jun 2013 - 13:46AdminUser  
oopsmore_diff_sequential.gifgifoopsmore_diff_sequential.gifmanage 3.4 K 19 Jun 2013 - 13:46AdminUser  
oopsmore_diff_sidebyside.gifgifoopsmore_diff_sidebyside.gifmanage 1.9 K 19 Jun 2013 - 13:46AdminUser  
password.js.gzgzpassword.js.gzmanage 0.9 K 19 Jun 2013 - 13:46AdminUser  
password.uncompressed.jsjspassword.uncompressed.jsmanage 7.0 K 19 Jun 2013 - 13:46AdminUser  
pdf.pngpngpdf.pngmanage 0.7 K 19 Jun 2013 - 13:46AdminUser  
plus.pngpngplus.pngmanage 0.4 K 19 Jun 2013 - 13:46AdminUser  
previewbg.pngpngpreviewbg.pngmanage 18.9 K 19 Jun 2013 - 13:46AdminUser  
print.csscssprint.cssmanage 2.6 K 19 Jun 2013 - 13:46AdminUser  
print.css.gzgzprint.css.gzmanage 1.0 K 19 Jun 2013 - 13:46AdminUser  
print.uncompressed.csscssprint.uncompressed.cssmanage 3.5 K 19 Jun 2013 - 13:46AdminUser  
q_black.gifgifq_black.gifmanage 0.1 K 19 Jun 2013 - 13:46AdminUser  
rename.jsjsrename.jsmanage 0.6 K 19 Jun 2013 - 13:46AdminUser  
rename.js.gzgzrename.js.gzmanage 0.3 K 19 Jun 2013 - 13:46AdminUser  
rename.uncompressed.jsjsrename.uncompressed.jsmanage 0.9 K 19 Jun 2013 - 13:46AdminUser  
search_button.pngpngsearch_button.pngmanage 0.6 K 19 Jun 2013 - 13:46AdminUser  
subscribe.jsjssubscribe.jsmanage 0.7 K 19 Jun 2013 - 13:46AdminUser  
subscribe.uncompressed.jsjssubscribe.uncompressed.jsmanage 1.2 K 19 Jun 2013 - 13:46AdminUser  
IAttachmentActionSizeDateWhoComment
BaseStyle.csscssBaseStyle.cssmanage 42.8 K 19 Jun 2013 - 13:46AdminUser  
BaseStyle.css.gzgzBaseStyle.css.gzmanage 9.2 K 19 Jun 2013 - 13:46AdminUser  
BaseStyle.uncompressed.csscssBaseStyle.uncompressed.cssmanage 53.3 K 19 Jun 2013 - 13:46AdminUser  
BlueNoteStyle.jpegjpegBlueNoteStyle.jpegmanage 41.1 K 19 Jun 2013 - 13:46AdminUser  
MakefileEXTMakefilemanage 0.2 K 19 Jun 2013 - 13:46AdminUser  
Makefile.includeincludeMakefile.includemanage 0.1 K 19 Jun 2013 - 13:46AdminUser  
attach.jsjsattach.jsmanage 0.5 K 19 Jun 2013 - 13:46AdminUser  
attach.js.gzgzattach.js.gzmanage 0.3 K 19 Jun 2013 - 13:46AdminUser  
attach.uncompressed.jsjsattach.uncompressed.jsmanage 1.3 K 19 Jun 2013 - 13:46AdminUser  
blank.gifgifblank.gifmanage 0.1 K 19 Jun 2013 - 13:46AdminUser  
bullet-toc.gifgifbullet-toc.gifmanage 0.1 K 19 Jun 2013 - 13:46AdminUser  
external.pngpngexternal.pngmanage 0.2 K 19 Jun 2013 - 13:46AdminUser  
favicon.icoicofavicon.icomanage 1.1 K 19 Jun 2013 - 13:46AdminUser  
foswiki-logo.pngpngfoswiki-logo.pngmanage 5.0 K 19 Jun 2013 - 13:46AdminUser  
grid-40x18.pngpnggrid-40x18.pngmanage 0.1 K 19 Jun 2013 - 13:46AdminUser  
hamburger.gifgifhamburger.gifmanage 1.2 K 19 Jun 2013 - 13:46AdminUser  
history.jsjshistory.jsmanage 1.2 K 19 Jun 2013 - 13:46AdminUser  
history.js.gzgzhistory.js.gzmanage 0.6 K 19 Jun 2013 - 13:46AdminUser  
history.uncompressed.jsjshistory.uncompressed.jsmanage 2.3 K 19 Jun 2013 - 13:46AdminUser  
iepngfix.htchtciepngfix.htcmanage 3.2 K 19 Jun 2013 - 13:46AdminUser  
input-bg.pngpnginput-bg.pngmanage 4.5 K 19 Jun 2013 - 13:46AdminUser  
login.jsjslogin.jsmanage 0.2 K 19 Jun 2013 - 13:46AdminUser  
login.js.gzgzlogin.js.gzmanage 0.2 K 19 Jun 2013 - 13:46AdminUser  
login.uncompressed.jsjslogin.uncompressed.jsmanage 0.4 K 19 Jun 2013 - 13:46AdminUser  
login_keys.pngpnglogin_keys.pngmanage 14.8 K 19 Jun 2013 - 13:46AdminUser  
menuarrow.gifgifmenuarrow.gifmanage 0.8 K 19 Jun 2013 - 13:46AdminUser  
menubg.gifgifmenubg.gifmanage 5.9 K 19 Jun 2013 - 13:46AdminUser  
minus.pngpngminus.pngmanage 0.3 K 19 Jun 2013 - 13:46AdminUser  
natskin.jsjsnatskin.jsmanage 2.9 K 19 Jun 2013 - 13:46AdminUser  
natskin.js.gzgznatskin.js.gzmanage 1.2 K 19 Jun 2013 - 13:46AdminUser  
natskin.uncompressed.jsjsnatskin.uncompressed.jsmanage 5.4 K 19 Jun 2013 - 13:46AdminUser  
obfuscator.jsjsobfuscator.jsmanage 0.4 K 19 Jun 2013 - 13:46AdminUser  
obfuscator.js.gzgzobfuscator.js.gzmanage 0.3 K 19 Jun 2013 - 13:46AdminUser  
obfuscator.uncompressed.jsjsobfuscator.uncompressed.jsmanage 0.7 K 19 Jun 2013 - 13:46AdminUser  
oldrevisionbg.pngpngoldrevisionbg.pngmanage 7.1 K 19 Jun 2013 - 13:46AdminUser  
oopsmore_diff_debug.gifgifoopsmore_diff_debug.gifmanage 3.1 K 19 Jun 2013 - 13:46AdminUser  
oopsmore_diff_sequential.gifgifoopsmore_diff_sequential.gifmanage 3.4 K 19 Jun 2013 - 13:46AdminUser  
oopsmore_diff_sidebyside.gifgifoopsmore_diff_sidebyside.gifmanage 1.9 K 19 Jun 2013 - 13:46AdminUser  
password.js.gzgzpassword.js.gzmanage 0.9 K 19 Jun 2013 - 13:46AdminUser  
password.uncompressed.jsjspassword.uncompressed.jsmanage 7.0 K 19 Jun 2013 - 13:46AdminUser  
pdf.pngpngpdf.pngmanage 0.7 K 19 Jun 2013 - 13:46AdminUser  
plus.pngpngplus.pngmanage 0.4 K 19 Jun 2013 - 13:46AdminUser  
previewbg.pngpngpreviewbg.pngmanage 18.9 K 19 Jun 2013 - 13:46AdminUser  
print.csscssprint.cssmanage 2.6 K 19 Jun 2013 - 13:46AdminUser  
print.css.gzgzprint.css.gzmanage 1.0 K 19 Jun 2013 - 13:46AdminUser  
print.uncompressed.csscssprint.uncompressed.cssmanage 3.5 K 19 Jun 2013 - 13:46AdminUser  
q_black.gifgifq_black.gifmanage 0.1 K 19 Jun 2013 - 13:46AdminUser  
rename.jsjsrename.jsmanage 0.6 K 19 Jun 2013 - 13:46AdminUser  
rename.js.gzgzrename.js.gzmanage 0.3 K 19 Jun 2013 - 13:46AdminUser  
rename.uncompressed.jsjsrename.uncompressed.jsmanage 0.9 K 19 Jun 2013 - 13:46AdminUser  
search_button.pngpngsearch_button.pngmanage 0.6 K 19 Jun 2013 - 13:46AdminUser  
subscribe.jsjssubscribe.jsmanage 0.7 K 19 Jun 2013 - 13:46AdminUser  
subscribe.uncompressed.jsjssubscribe.uncompressed.jsmanage 1.2 K 19 Jun 2013 - 13:46AdminUser  
r7 - 19 Nov 2013 - 11:39 - AdminUser r6 - 19 Nov 2013 - 11:39 - AdminUser

View topic | View difference interwoven | History: r7 < r6 < r5 < r4 | More topic actions
 
This site is powered by FoswikiCopyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback