Header and footer

From FUDforum Wiki
Jump to: navigation, search

FUDforums's header and footer can easily be changed to conform with the look and feel of your site.


Default header and footer

The default theme's header features a forum title and description, that can be changed from the Global Settings Manager and a search field in the theme's language.

The default footer shows the version of FUDforum you are running.

The header's colors and text sizes can be changed by changing the forums.css.tmpl template.

Changing the header and footer

Follow the steps below to change the structure of your forum's header and/or footer from the Admin Control Panel:

Changing the header

  • Navigate to the Admin Control Panel -> Template Editor
  • Select your Template Set and Language
  • Expand "header.tmpl"
  • Click on "header"
  • Paste your custom HTML into the textarea and save

Changing the footer

The procedure for changing the footer is exactly the same as above, just select file "footer.tmpl".

JQuery framework

FUDforum uses the JQuery framework, called from header.tmpl with:

<script type="text/javascript" src="jquery.js"></script>

Note that this library can also be loaded from Google's CDN (Content Delivery Network). This saves on bandwidth, loads very quickly, and most importantly it's probably already cached on the client's browser. Replace the above line with the following code if you want to load JQuery from Google instead:

<script src="http://www.google.com/jsapi"></script>  
<script type="text/javascript">google.load("jquery","1.7.2");</script>

or even:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
Info Symbol WARNING: If the JQuery library is not loaded, certain forum functionality will not work! For example, the +/- icons in front of forums and posts, and the tree-view will not function. So, be careful when you replace the default header with your own.

Also see

Personal tools