Making Wiki Translucent

We can make wiki translucent, so that the background peeks through. This can be interesting when the background has some meaning - as in the situation where we show a map of contextual links from the current page.

# Set up your iFrame

The first thing we need to do is tell your browser to allow iFrame transparency, with the line:

<iframe allowtransparency="true" src="http://daisy.world" frameborder="0" style="z-index:1;

which you can see in the full example Framing Wiki.

The next thing we need to do is tweak wiki's css so that the background image is off, and the background colour is made translucent (not transparent).

You can do this using:

body { /* makes the background translucent */ background: rgba(255,255,255,0.94); } .page { /* resets the bottom from it's wiki setting of 60 */ background-color: transparent; }

and view a full example over at Custom CSS.

# See also

It's a bit rough but it's a start. You can see what it looks like here - livecode.world/iframe.html

You can set the CSS for individual wiki sites in a farm by adding a theme folder to the status folder of the site.