Banners
Banners allow you to "brand" your site with your unit's name, logo, 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
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
If you are updating your site for responsive, download a new homepagebanner.html file and update it with your own content:
- Banner with full-width image (as shown above)
- Banner with standard-width image
- Collection of banner images
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
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
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.
Last modified January 25 2013 10:00 AM