Toolbox

( when empty, somebody at work )


Here the "corners/topline" are constructing the inside of the drawer. We get a horizontally scalable image, auto-adapting to the window.

Move the width of the sidebar to show the drawer adapting on-the-fly (or change window format or screen resolution). Scroll to see the transparency.

francky's

liquid corners playgarden

some illustrations of the method
"liquid round corners"
with the universal stylesheet

6. The Toolbox

 

* NO: tables * NO: javascript * NO: serverside script *

 

HOW DONE? 1 image for the label; 1 image for the front of the drawer; 1 image for the inside of the drawer; 1 css-file; some lines of html for adapting

 

CSS IS THE MAGIC !
       high hat



< back | next >


smiley smiles

Valid HTML 4.01 Transitional

Valid CSS