legoman

demo ¬ dynamic colourschemes

Please note: this page demonstrates the advanced capabilities of JavaScript, Cascading StyleSheets and the W3C Document Object Model. By definition, it provides very little functionality when viewed as a text-only page.

Click on any of the squares below to select that particular colour, then use the palette and sliders to edit it. Once you've chosen a nice colour, click [save] to make the change permanent and if you like what you've chosen, click [send] to email your colourscheme to me. I'll add any good ones to the list on the right.

Click [reset] to undo any changes you've made.

colours ¬

The main header panel
The "legoman" square
The main content panel
The content footer
The menu icons
The menu options
The right-hand headers
The right-hand icons
The side panels

For those who are interested, this page uses a combination of clientside JavaScript/dHTML to alter the colours, and then writes values to session. This session is read by a .php file that generates a temporary .css file accordingly, which is tracked through the site via clientside cookies. Due to extensive use of the W3C DOM, this demonstration will only work in fairly recent browsers. This currently excludes Apple's Safari but I am working to fix this.


style
¬

Please note: You are viewing this page using either the text-only stylesheet, or no stylesheet at all. If your browser supports it, you may want to view the graphical version.


edit
¬

R
G
B
home ¬ cv ¬ portfolio ¬ demo ¬ contact me