Floral Inspiration Site Templates
The Floral Inspirations Site Template package is meant to be an example of something you can do with one of the site templates offered by our sister site Migrating from FrontPage to Expression Web. This particular one is based on the 3 equal columns layout with a fixed width of 1024px. A background image for the contentWrapper achieves this effect.
Body Background
To achieve the body background look, one image, the top border, is included in the body style rule and repeated horizontally. A second <div> tag was added to contain the main page background and is repeated horizontally and vertically. Make sure you also specify a background color for each in case the background image does not load.
The background of a box can have multiple layers in CSS3. The number of layers is determined by the number of comma-separated values in the ‘background-image’ property. Note that a value of ‘none’ still creates a layer. Each of the images is sized, positioned, and tiled according to the corresponding value in the other background properties. The lists are matched up from the first value: excess values at the end are not used. If a property doesn't have enough comma-separated values to match the number of layers, the UA must calculate its used value by repeating the list of values until there are enough. Layering multiple background images
Masthead
The Site Name on this DWT uses a graphic image. It was created using The Logo Creator by LaughingBird Software. You can obtain a free copy of The Logo Creator by going to their Facebook page and clicking on Fan Specials. You can create your image with any graphics editor.
Menu
The menu on this alternative Floral Inspiration site template uses one of the commercial add-ins for Expression Web, the Horizontal Menu Advancer Expression Web Add-in. If you do not have this program you can substitute another horizontal menu for it. There are several available from Dynamic Drive. This add-in allows for both horizontal menus with drop downs and vertical menus with flyouts.
Sidebar Content
If you want the sidebars to remain the same from page to page, leave them as they are. If you want all or a portion of them to change from page to page, you will need to make those areas an editable region.