Including Navigation Bars

A big part of making your EventsGalore.net calendar look like your website is including your site's navigation bars, headers and footers (this discussion focuses on navigation bars, but applies equally to headers and footers). This runs the gamut from trivial to tricky, depending on how well you understand how they work. For webmasters who hand code their own navigation bars, this will be a snap. For someone who uses a tool to generate them, this could be tricky, but not necessarily. Follow this three step process.

1. Set the base URL parameter

   In the "Customize" function, scroll down to base URL. Enter the base URL of your site, usually the site's address, like http://www.myserver.com . Any relative URLs will now be prefixed with this address, turning them into absolute URLs, as in the following table.

   Source	Will be translated to
   <a href="tickets.html">	<a href="http://www.myserver.com/tickets.html">
   <img src="navigate2.gif">	<img src="http://www.myserver.com/navigate2.gif">

   This makes it much easier to add navigation bars since they usually use relative URLs. Naturally, absolute URLs that you use won't be touched.

   Note: When adding events, you can now theoretically use relative URLs to refer to links or graphics on your own website, since the base URL works for all of your calendar. However, use the absolute URL unless you are certain nobody else will include your events in their calendar. Why? Only one base URL is allowed per web page, and their base URL will be different than yours.

2. Find and copy the navigation bar

   In another window, view the source of your web page using your web design tool or your browser. Look for the beginning and the end of the HTML code that generates your navigation bar. Select this code, and copy it.

3. Paste it into your calendar, and save

   In "Customize", paste this code into one of the three boxes below base URL, depending on where you want your navigation bar:

   • top: paste into anything to display at the very top of your calendar
   • left: paste into anything to display at the left of your calendar
   • bottom: paste into anything to display at the bottom of your calendar

   Be sure to "Save Settings" at the very bottom of the "Customize" screen. Your navigation bar should now be present on your calendar. Test it to make sure it's working correctly.