Article Contents Related Articles Tags
  • No tags found.
Was This Helpful? Last Updated
  • 2012/07/04

Header and Footer

This article focuses on the HTML header/footer. If you need information on the e-mail template header and footer, please click here.

The header and footer "warps" around templates and create overall layout that you see in front of you. Almost every website has a standardized header and footer, which makes integrating Member Guardian far easier.

Required Components

If you choose to customize your header and footer, please ensure that the following code is placed in the appropriate locations:

Header

Place the following within the <head> section of your header:

<link href="/members/custom/style.php" rel="stylesheet" type="text/css" />

Footer

Place the following just above the </body> section of your footer:

<script type="text/javascript" src="/members/functions/jquery.js"></script>
<script type="text/javascript" src="/members/functions/calgen.js"></script>
<script type="text/javascript" src="/members/functions/ajaxCalls.js"></script>
<div id="mg_loading"><div id="mg_loading_pad">Loading</div></div>
<div id="mg_error"><div id="mg_error_pad">
  <span id="mg_error_content"></span>
  <span>(<a href="#" onClick="closeDiv('mg_error')">hide</a>)</span>
</div></div>

Setting Your Header and Footer

You have two options for establishing your header and footer:

  1. You can choose to use a file that is currently on your server,
  2. You can copy and paste your header/footer code into the template's content.

"Including" a File

From the admin control panel:

  1. Click on "Templates » HTML Templates"
  2. Select "Header" or "Footer" from the dropdown list
  3. In the Include Header From Server? setting, type the full path to the location of the file on your server. We highly recommend making the header/footer a ".php" file.
  4. Save the changes.

Pasting the Code

From the admin control panel:

  1. Click on "Templates » HTML Templates"
  2. Select "Header" or "Footer" from the dropdown list
  3. Copy & paste your header/footer content into template content field. Note that if you are currently using an "include", you will first need to remove that path before updating the template's content.
  4. Save the changes.

Using a CMS Header/Footer

Most CMS programs, such as Wordpress and Joomla, use a series of custom functions to generate a header/footer with dynamic menus. For that reason, in almost all cases, you cannot include your CMS's header/footer with all of the bells and whistles, such as dynamic menus. Instead you will need to copy & paste the "raw" HTML code from your CMS's header/footer into your Member Guardian templates.