CSS and Script Linksīesides the main style sheet (site.css), there is a special style sheet (media-queries) which allows the inclusion of special CSS rules to optimize your page for mobile browsers. The styling for the search areas is part of the external style sheet. You can, of course, use any search engine you choose. The Google Custom search box will need to be adjusted with the code for YOUR custom search. You have the ability to use a sectional navigation menu on the right sidebar if you choose. If you need to use a drop down menu, consider the Project Seven CSS Express Menu for the top level navigation. The top menu on this template allows for only one level and you need to be careful of the number of menu items you include. Screenshot IPad in portrait orientation Menus Both sizes had been included with the download. If you change the top masthead image, you will need to create two of them - one to be used with desktops, laptops and tablets, and one for smaller mobile browsers. The border for the right sidebar is part of the image. If you wish to change the colors of the columns, you will need to create a new image. The equal height column look is achieved by using a background image. I have included the image created in Expression Design so that you may edit the site name and tagline if you wish. The site name was added using Expression Design which is part of the Expression Web Suite. Class style rules are included to float your images right or left or center them on the page. You can substitute your own image for the masthead but you will need to make sure the image is wide enough to fill the space. The photograph was taken at Tor House, Carmel California June 2009. The header graphic image used with this template is from photo by Pat Geary. The download is available both as a personal web package which includes a dynamic web template for use with Expression Web OR as a zipped file which includes a template that can be used with any other web editing program. They will degrade gracefully in older browsers and default to rectangular corners. The rounded corners and shadows will display as intended in newer modern browsers including Firefox 4, Opera 11, Safari 5, Chrome 2, and IE9. The Tor House template is based on one of the layouts available from Migrating from FrontPage to Expression Web.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |