DESIGN SAMPLES
Menu rollovers are done with CSS. These examples are fixed-width designs. Variable width designs can also be created. These have been tested in IE6 & 7, Firefox, Opera 8, Netscape 7 and Safari.
(Demos open in a new browser window.)
 |
A basic two-column layout, with a banner area and footer area. Navigation is horizontal with rollover color change. Different grahics and color scheme can be made to customize this design. |
 |
A rounded-corner style, two-column layout. The demo has just the index page. |
 |
This style has a softer look, with rounded corners on the main container. Horizontal navigation has text color rollover. |
 |
A basic three-column layout with rollover horizontal navigation. Very easy to change the color scheme on this one. It looks plain and dull here, but it's just the framework for your ideas. |
 |
A variation on the basic three-column, using tabbed navigation graphics. This also demonstrates a change in color to the basic design and a different style menu. |
 |
Here's another variation on a simple box model site, basically a two column. |
 |
Another basic layout. This is a two-column with a bottom area for extra content. The navigation is vertical with rollover graphics. The background in this one is white. The next design uses the same layout only with a change to the background. |
 |
Same as above only with a change to the background. Easy to change to suit your taste. |
 |
This is a template from Style Master, modified in subtle ways, but demonstrates my ability to use pre-made templates and modify them. The Brown template below is the same template with the color scheme changed to the brown hue. |
 |
This is the Brown template, which is actually the Blue template after the graphics were modified to the brown hue. |
Want a Blog site? I can integrate Wordpress into your site, or create a new site with Wordpress. |
Looking for something a little more "outside the box?" With CSS, it's possible to get creative with design. Take a look at some of the ideas at www.oswd.org |