Page 6: Custom XSite Pro Templates

The above template uses lots of stock images for the icons (there are more, too; I just didn't show them all here!). As you can imagine this template took a lot more work than a standard basic template!

The above XSitePro template uses a montage of really cute stock photos one of which overlaps the text bar underneath the photo.

The above template has a gorgeous, rich gradient that stretches across the entire browser window. Simple, but lovely.

The above template is a lively design that uses clipart and stock photos to create a warm, welcoming Web site for pet owners.

The above template (XSitePro V1) was designed for an online directory requiring a serious, but not somber look. I chose not to use XSite Pro's default bold text in the navigation and added a square dot in front of the links for a "directory" look. This is an example of using a black-and-white border and a dark grey background to make the page stand out.

The above template is actually a 100% fluid design. When viewed online, you will see that the background to the header extends across the full browser window.

The above template incorporates Google AdSense (notice the eye-catching strip of images used to draw the eye to the AdSense ads) and a mailing list opt-in box.

The above is a simple, sales-letter-type template with top navigation. The soft blue is restful and yet gives a solid feeling of trustworthiness.

What can I say? Every time I look at this template I want to sit down with a big bowl of popcorn and watch an old movie! I combined three stock photos into the header and used a classic movie font for the title.

The above XSitePro V1 template uses a high-impact style suitable for the male market. Using blue as the predominant colour ensures that the site appears trustworthy. The graphics are crisp and clean and integrate well into the design.

The above XSitePro V1 template shows how professional an affililate Web site can look with a super header and professional design. There are three stock photos in the header that cost about $1.00 each! I replaced the text in the sign on the far left image with "Online Guide to Forex Trading." This kind of thing can be done if you have even a simple graphics program. The two images on the left are faded into one another, a nice effect as long as you don't overdo it. Overdoing effects is the sign of an amateur Web designer! Keep your header crisp and clean!

The above template was built to showcase Kiernan Station, a light industrial complex in Salida, CA. To achieve this look, we removed the Right Panel, added a table to hold the photos, and used the Page Footer to create the brown bar at the bottom. We used CSS to add thin, black lines to the Left Panel and Page Footer. These methods help to reduce the XSitePro V1 look of this Web site.

The above template shows how you can "suggest" the theme of your site rather than "showing" it. We could have chosen photos of happy, energetic women, but the stock photos of the red purse and computer mouse says it all: there's money to be made marketing to women online. As a result our template is very clean, professional and classy! The orange/red colour theme adds the energy level behind her business that the client wanted to convey. Picking up the dark red in the navigation links and headlines unifies the design. You can see that we decided not to colour the right or left panels. That's one way to avoid having your site look like every other XSite Pro Web Site out there. Also notice that we changed the link colour of the bottom navigation menu to the standard blue. This encourages clicking and again hides some of XSite Pro's visual footprint.

Keep going to page 7... there's still more to see!