The Void Skin

The default skin on my TWiki site is the 'void' skin, so named because the stylesheet for it was derived from one at http://www.dotvoid.com (with permission). The skin uses almost no graphics - just a small gif for the "Go" button next to the search box at the top of the page, and a "preview" graphic on the preview page. Layout is entirely controlled by css - i.e. the skin does not use tables, frames, or iframes. Consequently, the skin loads quickly and displays well in browsers that support CSS. I've tested the skin with all versions of IE 5.0 and above, Mozilla 1.0, and Konqueror. It looks about the same in each of those browsers.

User-selectable settings let you choose from among several color schemes. And you can select either fixed-size or variable-size fonts (the latter allow the user to use the browser to change the displayed font size).

All templates are included - including the 'oops' and search-result templates.

See VoidSkinDev for bug reports and upcoming release information.

VoidSkin.zip: Snapshot of voidskin files plus twiki bin and lib

The Void Skin

Try It!

You can see what the various color schemes and the 2 sizing methods look like - select a color or size from the dropdowns (it only takes effect while you're still on this page - and only one at a time).

Installation

Installation is not quite standard:

unzip the templates into the twikitemplates directory
unzip the contents of the Main.VoidSkin directory into the twiki/pub/TWiki/Main.VoidSkin directory.
set SKIN = void in WebPreferences or TWikiPreferences.
unzip and edit the file twikidata/TWiki/TWikiPreferencesForVoidSkin.txt and adjust the settings there to fit your needs, and add those settings to TWikiPreferences.

TWiki:Plugins/VoidSkin Get the installation package

This skin has been submitted to twiki.org at TWiki:Plugins/VoidSkin

The settings in TWikiPreferences

As described under Installation, you will need to add these to TWikiPreferences and edit to taste. You really should edit the file TWikiPreferencesForVoidSkin.txt - the settings are shown here just for documentation purposes:

   * Customizations for the void skin
      * Set SKIN = void
      * Set SITETITLE = b r a y d e n . o r g
      * Set NAVTITLEFIRST = This Web
      * Set NAVTITLESECOND = All Webs
      * Set NAVTITLETHIRD = brayden.org
      * Set NAVTITLEFOURTH = Offsite Links
      * Set SITECOPYRIGHT = &copy; 2003 by the contributing authors.
   * size can be sizefixed or sizable
      * Set VOIDSKINSIZE = sizefixed
   * color can be grey, blue, green, red, or black
      * Set VOIDSKINCOLOR = grey
      * Set WEBNAVLINKS = <A href="/twiki/bin/view/Main/WebHome">WebHome</A>&nbsp;
<br /> <A href="/twiki/bin/view/Main/WebChanges">WebChanges</A>&nbsp;
<br /> <A href="/twiki/bin/view/Main/WebTopicList">WebTopicList</A>&nbsp;
<br /> <A href="/twiki/bin/view/Main/WebStatistics">WebStatistics</A>&nbsp;
<br />
      * Set OTHERWEBS = &nbsp;
      * Set LOCALLINKS = <a href="http://www.brayden.org">Home</a>
<br /> <a href="http://www.brayden.org/twiki/bin/view/Random/MonthlyDigest">Monthly Digest</a>
<br /> <a href="http://www.brayden.org/twiki/bin/view/Software/RubyProgrammingLanguage">Ruby</a>
<br /> <a href="http://www.brayden.org/twiki/bin/view/TWiki/TWikiShorthand">TWiki Shorthand</a>
<br /> <a href="http://www.brayden.org/twiki/bin/view/Random/DaleBraydenResume">Resum&eacute;</a>
<br /> <a href="http://www.brayden.org/twiki/bin/view/Random/DaleBraydenPublicKey">Public Key</a>
<br /> <hr /> <a href="http://www.brayden.org/twiki/bin/view/Random/WebRss?skin=rss">Random Web RSS</a>
<br /> <a href="http://www.brayden.org/twiki/bin/view/Software/WebRss?skin=rss">Software Web RSS</a>
<br />
      * Set EXTERNALLINKS = <a href="http://www.myway.com">MyWay</a>
<br /> <a href="http://www.slashdot.org">Slashdot</a>
<br /> <a href="http://www.sweetcode.org">sweetcode</a>
<br /> <a href="http://www.ruby-lang.org/en/raa.html">Ruby Application Archive</a>
<br /> <a href="http://www.twiki.org">twiki.org</a>
<br /> <a href="http://www.sdiusa.com">Systematic Designs</a>
<br />

Screenshots

Click on images to see full-size.

-- DaleBrayden - 27 Feb 2003

Stylesheets

See VoidSkinDev for bug reports and upcominig features.