Our Family Template Blue
The Our Family Template (Blue) is is based on one of the newest templates offered on our sister site - Expression Web Mobile Friendly Site Templates. This template uses a liquid width with a maximum declared width of 1500px. The header image must be inserted into the html code rather than the css in order to resize to fit mobile devices. This site layout passes the Google mobile-friendly site test.
Package Includes
This template package includes:
- A complete DWT Site Template package which requires FrontPage 2003, any versions of Expression Web or Sharepoint Designer.
- A blank template that can be used with any web editor.
Images
Background Image: Autumn from Eos Developers. Classes are included as part of the style sheet to float your images right or left or center them on the page. There is also a class to scale the images so the fit the screen size of various mobile devices.
General Information
The masthead, top or left navigation as well as the footer can be easily converted to SSI's by following the server side include tutorial OR to a FrontPage or Expression Web include.
Changing the Column Background Color
A background image is used to create the equal height column look. If you wish to change the color of the columns, you will need to create a new image.
Search Box/Page
The Google Custom search box will need to be adjusted with the code for YOUR custom search. You can, of course, use any search engine you choose. The styling for the search areas is part of the external style sheet.
Menu
This template uses a single level top and side menu. If you would like a multi-level drop down top menu, please see Horizontal Mobile-Friendly Multi-level Menu.
Additional Resources
You can find detailed instructions for working with the mobile friendly site templates as well as a pdf file you can download and print.