Mini Country Template
If you are using Firefox and click the Download button, you will see a bunch of gibberish. Instead, right click the Download button and save the file to your computer.
The Mini Country Template was created using Eric Meyer's CSS Sculptor for Expression Web. It is a fluid layout which will resize to 800x600 with no horizontal scroll. No maximum width has been included in the style rules. The top mini border is called from the style sheet and is the body background image with the background color specified as #FADDA.
Masthead
The font used to create the site logo is Balthazar in color #663D1F. The logo is called as the background for the header. The logo was created using The Logo Creator and the file is include in the download. However, you will not be able to edit it without the program. If you want to use a fancy or unusual font for your site logo, create a transparent image. You can also specify a font family, font size for the #header style rules and use plain text for the site name. You can request the name be changed and if I have the time, I will be happy to do it for you.
The image used with the masthead is 560 pixels wide x 75 pixels high. If you change the height of the logo image you will need to adjust the style sheet rule.
Menu
The menu, Uber Round Color Tabs, is from Dynamic Drive. This menu probably would not work well by itself for a large site. as you can only add so many tabs before the menu falls apart. Transparent gifs are used to create the rounded look and you change the color by changing the color value.
CSS
All styling for the presentation of the site is within an external style sheet. Changes in colors, font families and sizes should be made within the style sheet and NOT added as part of the html code. Be sure to view the site in more than one browser and at more than one resolution if you make changes.
Images
The top background image is one of the mini borders from The Inspiration Gallery. The credit MUST remain if you use it and make sure you read the Terms of Use.
The images used on this page are examples only. All images should be resized within an graphics program and NOT by changing the size from within the html code. A class has been applied to the image to float it left or right. Both images have a 1 pixel black border applied using a graphics program.
Lists
The bullets used as part of the content unordered lists are added via the style sheet rules. You can change to a different image of your choice but may have to adjust the margins and padding.
- Main item
- Main Item
- Main Item
- Sub Item
- Sub Item
General Information
Remember, if you are located in another country to change the language statement. Both the style sheet and XHTML code validate.
You are welcome to use the template for any of your projects, however, the link back to my site MUST remain. ENJOY!