Winter wonderland Theme Demo Theme Demo »  Snow


This theme was originally inspired by the Mtechnik_Xmas PostNuke theme, but all the graphics are original (if you look closely but not too critically, the snowflake "arms" are - somewhat overlapping - a t-i-k-i from perimeter to center), and virtually all design details are new.

Flash topbar

The Snow theme includes two options for the page-top graphics: a jpeg topbar image and Flash snowfall effect. These will have to be modified for use at new sites.

By default, the non-Flash tiki-top is used. To use a Flash file instead, rename templates/styles/snowfall/tiki-top_bar.tpl as templates/styles/snowfall/tiki-top_bar_noflash.tpl and rename templates/styles/snowfall/tiki-top_bar_flash.tpl to templates/styles/snowfall/tiki-top_bar.tpl. In other words, the theme comes with two files, either of which can be named tiki-top_bar.tpl to display the desired image/movie.

The Flash (.fla) file is from Flashkit.com where the description says to "use freely". I resized the .fla document, removed the button, and replaced the background image. Along with the default "Snow theme" .swf file, the .fla file is included with the theme so a personalized Flash movie can be made.

The .fla file should be edited in Macromedia Flash or other .fla editor. Select the background layer and click "Edit/Cut". Import a new image file to be the background; it should be the same size as the original background file (734px by 95px) to keep things simple. "Publish" the movie to create the new .swf file. If the dimensions of the file are changed, update the Flash version of tiki-top_bar.tpl file accordingly.

Image topbar

The non-Flash version of the page top can be done different ways. The default treatment is a background image (header-bg.jpg) that tiles the width of the page. A logo image (logo.jpg) is specified to be centered on top of that.

To make a custom logo image that works in this arrangement, use the background image as a background layer pattern in your image editor and make a new text layer on top of it, using one of the snowflake patterns as a texture for the text if you like.

The background image doesn't have to be used (edit snow.css) for a more plain/open top area, and the logo image can be changed accordingly.

Sample page elements

These are produced by standard Tiki wiki syntax:

A titlebar

h1 heading

Lorem ipsum sit amet, consectetuer adipiscing elit. Proin consequat libero. Phasellus porta diam id justo. In eget neque ut metus aliquet bibendum. Curabitur lacinia aliquam sem. Praesent aliquam. Morbi quis tellus. Vestibulum nec neque commodo metus sagittis ullamcorper. Maecenas turpis. Mauris quis leo. Maecenas id felis. Nulla nec nibh. Morbi facilisis. Cras in ipsum a felis ornare dapibus.

h2 heading

Nullam mi. Praesent vehicula consectetuer tortor. Mauris venenatis leo at metus. Ut sit amet enim. Aenean tortor orci, hendrerit a, eleifend quis, pharetra eu, felis.

h3 heading

Vestibulum dignissim. Praesent non magna id ipsum iaculis pharetra. Nam tristique vestibulum felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce eget nisi. Nullam quis nisi.

h4 heading

Cras euismod lectus vel metus. Praesent gravida. Nunc molestie mattis justo. Curabitur ornare, felis et vulputate dapibus, leo est condimentum enim, blandit ultrices orci mauris at eros. Pellentesque eu arcu eu massa mattis rhoncus. Ut volutpat mi in ligula. Pellentesque vitae tellus quis nibh feugiat ornare. Nullam arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

  • An unordered list item
    • A subitem

And some text

  • Another item

. . . and more text . . .

  • Item 3

. . . and some more text, to illustrate the line spacing.

A table:

Row One, Column OneRow One, Column Two
Row Two, Column OneRow Two, Column Two

A box

A link

And these are produced by wiki plugins:

A module (centered with "::" tags):

Google Search

Online Users

1 online user

Quote plugin:

Just what do you think you're doing, Dave?

-- HAL, in 2001: A Space Odyssey (1968)

Code plugin:

{Hello World in Pascal}

program HelloWorld(output);
  WriteLn('Hello World!');

Normal table:

r1c1 r1c2 r1c3
r2c1 r2c2 r2c3
r3c1 r3c2 r3c3

{FANCYTABLE()} example:

head one head two head three
cell one cell two cell three
r2 c1 r2 c2 r2 c3
r3 c1 r3 c2 r3 c3
r4 c1 r4 c2 r4 c3


This is the content of the first tab

This is the content of the second tab

This is the content of the third tab

Bootstrap Elements

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Example body text

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

This line of text is meant to be treated as fine print.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

Emphasis classes

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
A longer block of help text that breaks onto a new line and may extend beyond one line.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a orci id ipsum scelerisque elementum a vitae felis. Quisque vitae faucibus sem. Donec eu pharetra eros, eu vehicula magna. Nullam non venenatis nulla. Integer vel tincidunt urna. Nullam aliquam odio ut purus elementum, sed commodo justo vehicula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Donec quis ante vitae magna sodales congue quis vel massa. Duis ac dictum ante, sit amet mollis justo. Quisque fringilla magna magna. Praesent quis mauris lectus. Morbi ultricies odio at est sagittis suscipit. Quisque malesuada ultricies diam, in venenatis felis commodo ut. Nulla faucibus lectus eu aliquam placerat. Sed facilisis aliquam orci quis malesuada. Integer et ultricies turpis. Sed imperdiet eu nisl ut tristique. Nunc laoreet volutpat neque, quis malesuada purus ultrices eget.




Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.


Default Primary Success Warning Danger Info


Contextual alternatives





This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

List groups


Basic panel
Panel heading
Panel content
Panel content

Panel primary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content


Look, I'm in a well!
Look, I'm in a small well!
Look, I'm in a large well!
Category: Snow

Theme [Toggle]

Layout [Toggle]

Subscribe to Tiki Newsletters! [Toggle]

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other big news!
Contribute to Tiki

Site Config [Toggle]


Torsten, 19:44 GMT, Fri 12 of Sep, 2014: hidden functionality "; recommitted in trunk, tested and working. Documentation under way on [Link]
chibaguy, 16:45 GMT, Thu 04 of Sep, 2014: The layout template can now be changed using the "Layout" module above. :-)
chibaguy, 03:20 GMT, Fri 29 of Aug, 2014: The layout can be changed by using perspectives, but this hasn't been set up yet at this site. Coming soon, I hope.
alex, 20:00 GMT, Thu 14 of Aug, 2014: It would be very handy if we could choose a layout, too.
luci, 09:13 GMT, Mon 09 of Dec, 2013: logo updated with ®. please do ctrl+F5 refresh...