I have been working here and there on some new Deki Wiki skins and they can be seen in action at deki.cornerpixel.net.  It took a little troubleshooting, but I figured out how to allow the user to view all my skins on one Deki Wiki site and allow the user to click through backgrounds. 

Viewing different skins on separate pages.

The first thing I did was to create an administrator page that included a link to the CSS sheet for the skin I wanted to display.  I created a new page under the administrators account with the following markup.

<h1>PixelFall</h1>
<link href="/skins/fiesta/Pixel-Plus/pixel-fall/style.css" type="text/css" rel="stylesheet" />

When I hit save and came back my source looked like this.

<h1>PixelFall</h1>
<p>&nbsp;</p><p> <link href="/skins/fiesta/Pixel-Plus/pixel-fall/style.css" type="text/css" rel="stylesheet" /></p>

This will cause a blank paragraph in the custom area I put this in, but I will show you how to take care of that in a minute.

Then I went to the page I wanted to use the different skin on.  I edited the page and place this extension on the page.

{{ wiki.template("User:Administrator/PixelFall", nil, "customarea1") }}

What this did was placed the administrator page I created earlier into Custom Area 1.  It isn’t valid to put link tags in the body of your html, but I used this just for the purpose of displaying my skins to users without having to create 4 different Deki Wiki sites.

Lastly there is the issue of the blank paragraph tags.  In order to get rid of those I just added this CSS to the stylesheet I linked to.

.custom1 p { display: none; }

That was how I managed to put multiple skins on my MindTouch Deki wiki website.  There might be a better way, and I am always up for criticism, but this is how I did it.

~MikePixel (Michael Silva)