TipWizard Examples

Click on the links below to see TipWizard in action. Note the different parameters, and see what effect they have.

Experimenting with Styles

Basic example (style 2):

tip-wizard.html?black|white|yellow|FFDD00|BB8800|true|100%|arial|4|2|n

How about style 1:

tip-wizard.html?white|black|blue|FFDD00|BB8800|true|100%|arial|4|1|n

Check out the default spooky custom style:

tip-wizard.html?black|white|blue|FFDD00|BB8800|true|100%|arial|2|c|n

How 'bout no style at all (bit like me):

tip-wizard.html?black|white|blue|FFDD00|BB8800|true|100%|arial|2|off|n

Turning the Border Off

Black TipWizard with borders on:

tip-wizard.html?black|white|blue|FFDD00|BB8800|true|100%|arial|4|2|n

Black TipWizard with borders off:

tip-wizard.html?black|white|blue|FFDD00|BB8800|false|100%|arial|4|2|n

Changing Fonts:

White TipWizard with Verdana font:

tip-wizard.html?white|black|blue|FFDD00|BB8800|true|100%|verdana|4|1|n

White TipWizard with Times font:

tip-wizard.html?white|black|blue|FFDD00|BB8800|true|100%|times|4|1|n

Changing the Table Width:

Really Thin TipWizard (10% of window):

tip-wizard.html?black|white|blue|FFDD00|BB8800|true|10%|arial|4|2|n

Custom TipWizard set at 300 pixels:

tip-wizard.html?black|white|blue|FFDD00|BB8800|true|300|arial|4|c|n

by Colin Tucker
ctucke02@postoffice.csu.edu.au