VoidSkin < IVOA

IVOA > VoidSkin
TWiki webs: Main | TWiki | Sandbox Log In or Register
---+ The Void Skin

The default skin on [[http://www.brayden.org/twiki/bin/view/Main/VoidSkin][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.

Currently the only templates are for view, preview, and edit. 

---++ Installation

Installation is not quite standard:
   1 unzip the templates into the twikitemplates directory
   1 unzip the contents of the <nop>VoidSkin directory into the twiki/pub/TWiki/VoidSkin directory.
   1 set skin = void in WebPreferences or TWiki.TWikiPreferences.
   1 unzip and edit the file twikidata/TWiki/TWikiPreferencesForVoidSkin.txt and adjust the settings there to fit your needs, and add those settings to TWiki.TWikiPreferences.
   * [[%ATTACHURL%/VoidSkin.zip][VoidSkin.zip]]: The installation package

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

---++ The settings in TWiki.TWikiPreferences
As described under _Installation_, you will need to add these to TWiki.TWikiPreferences and edit to taste:

<verbatim>
   * 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="%SCRIPTURLPATH%/view/%WEB%/WebHome">WebHome</A>&nbsp;
<br /> <A href="%SCRIPTURLPATH%/view/%WEB%/WebChanges">WebChanges</A>&nbsp;
<br /> <A href="%SCRIPTURLPATH%/view/%WEB%/WebTopicList">WebTopicList</A>&nbsp;
<br /> <A href="%SCRIPTURLPATH%/view/%WEB%/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 />
</verbatim>


---++ Screenshots

Click on images to see full-size.

<a href="%ATTACHURLPATH%/vsview.gif"><img src="%ATTACHURLPATH%/vsview.gif" alt="Screenshot of a view"  width="200" height="179"  /></a>

<a href="%ATTACHURLPATH%/vspreview.gif"><img src="%ATTACHURLPATH%/vspreview.gif" alt="Screenshot of a preview"  width="200" height="197"  /></a>