Text can go here

More text goes here

Click here now!

This is the left navigation section

Rounded Corner Boxes

 

This box is created using three images, the top rounded corners, the bottom rounded corners, and a vertically-repeating background image.

 

Rounded corners are eye-pleasing and we've included the vector box in the Fireworks file, so you can make your boxes whatever color you like.

Square Corners too!

If you like square corners better make a box like this simply by applying the "sidebarlt" class to a paragraph tag.

But remember to use hard line breaks rather than a new paragaraph. Or you'll have a bunch of little boxes!

Here's a text link.

Even Dark Square Boxes

To make a box like this, assign the "sidebardk" class.

You can do anything with a sidebar box. Insert images, ads or other web content.

Here's a text link.

BlueMesa Dreamweaver template - Home page template

This template includes an optional feature section between the header and the content. We also include the Fireworks source file so you can easily change the color sheme and graphics of the template. To install the template, simply unzip the files into the root directory of your Dreamweaver site, create your pages from the templates and add your content. It's that easy!

Image Floated Left - This is the H2 tag

Dreamweaver CS3An image with the assigned class "fltlft" will be aligned with the left edge of the content div, with a 10 pixel right margin and a 10 pixel bottom margin.

Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus.

 

Image Floated Right

A Laptop ComputerAn image with the assigned class "fltrt" will align with the right margin of the content with a left margin of 10 pixels and a bottom margin of 10 pixels.

Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus.

Editable Metatags and Head Section

The template allows for editing of the Title, Description and Keywords tags for each page plus another editable area in the Head for inserting scripts and other Head content.

Editable Template Areas Included

The template has left sidebar and content editable areas built-in already, so you can be up and running very quickly. You can change any of the editable regions in the template to meet the needs of your website project.

Fireworks and Photoshop Graphics Files Included

We've included the original Fireworks file (also exported as a PSD) in which we created the the site images. It includes all the graphic elements in this template with all the slices already created. It will be very easy to customize this template to suit your needs. All the image elements are vector graphics, so you can change colors, gradients, shadows, etc very quickly to generate a new look.

To Extend this Template

Here are some suggestions for creating the ultimate website from this template.

  • Database integration - to easily create a website powered by a database, check out DataAssist or Essential Suite.
  • User Registration and User Profile management - Security Assist
  • Build a CMS to update your site via your browser, use DataAssist and iRite or get the Dynamic Suite
  • To easily integrate Google map either from an address you type in or from a database, try Pro Maps for Google
  • To integrate a shopping cart system, check out: eCart.
  • To easily validate form input and cut down on spam, take a look at Validation Toolkit
  • For other excellent Dreamweaver extensions that are too numerous to mention, check out this site, this one and this one too. And don't forget about our sweet extension collection on JustDreamweaver.com.

Free CSS website templates by JustDreamweaver.com