University of Vermont

UVM Self-help Web Guide

Banners

Banners allow you to "brand" your site with your unit's name, featured content, or custom navigation. There are several types of banners varying in placement and function that can be applied to your site.

Important note: The following documentation refers to the 2013 responsive templates. See our non-responsive banner documentation for information on legacy banners.

Creating a text banner or secondary masthead

You may consider the text banner/secondary masthead option. A text banner appears below the UVM header and optional homepage banner and above your menu and content area, it appears in that same spot on every page of your site. To apply a text banner to your site, you must add the following call to your zero line of your defaultmenu.html or your configuration file replacing the "My Department Title" with your own custom banner title: banner=My Department Title

In the zero line, you should have something like this: email=john.doe@uvm.edu,style=lime,banner=UVM Directory

graphic slice of website that shows what happens when you add your name in the defaultmenu or the magicoptions.

Creating a homepage banner (homepagebanner.html)

Homepage banners are a feature that are offered in all of our downloadable HTML templates. This banner appears only the homepage of your website directly below the UVM main banner. The banner contents are contained in a file called: homepagebanner.html

graphic slice of website that shows what happens when you add a homepage banner to your site.

If you are updating your site for responsive, download a new homepagebanner.html file and update it with your own content:

Creating a top banner (topbanner.html)

The top banner allows you place a parent heading below the UVM banner on every page on your site. To use this feature place the contents of the banner in a file called: topbanner.html

graphic slice of website that shows what happens when you add a top banner to your site.

Creating a custom banner (defaultbanner.html)

To create a custom banner in HTML that will appear below the top banner, above the content area and to the right of (or, on smaller screens, below) the main menu area, create a file called: defaultbanner.html

This feature can be applied on a page-level basis (only appearing on a single page) or throughout the site. To use a custom banner on a single page, append the name of the page for which you wish the file to appear onto the banner file name preceded by an underscore, example: defaultbanner-mypage.html

graphic slice of website that shows what a defautlbanner.html area looks like.

Creating a secondary navigation (template_global_navigation.html)

Some units or departments have extraordinary navigational needs. In this case, you can add an additional horizontal navigation bar below the primary UVM navigational bar by creating a file called template_global_navigation.html. This file should contain html, by default, and it appears below any custom banners but above the content area.

graphic slice of website that shows what a template_global_navigation.html area looks like.

Last modified November 19 2013 12:06 PM