Working with the Photo Gallery Template

This template is the result of a recent discussion of the FreePages Help Mailing List and is an example of using a table styled with css to create the photo gallery. My thanks to Valerie lirakis for allowing me to use one of her galleries as an example.

Example of  Photo Gallery complete with images

Photo Gallery Template ready for you to drop you own pictures and content in.

Photo Gallery Template with simple top menu

The template package is a zipped file which contains BOTH photo galleries - one with a simple menu and one without. Since Rootsweb does NOT allow zipped files, the actual file is located on my Genealogy Web Creations site.


Changing Styles

All of the styling for the Photo Gallery is contained within the gallery.css

To change the background color of your page, change this line under the body style rules.

background-color: #FFFFFF;

To change any or the border styles, edit either or both  lines

border: 2px solid #000000;
border: medium solid #000000;

To change the colors on the top menu, edit the background color of the navcontainer style rules.


Rather than using images or a table to create the buttons at the bottom of the page, I used to generate the css for the buttons. You can make them as simple or as fancy as you want.