Top Banner - 150 Years
What the banner does
All UMass Amherst web pages, other than personal web sites and sites created through Blogs at UMass Amherst must include the standard UMass Amherst top-banner strip, like the strip at the top of this page.
Beginning in February 2013, university websites should display the special "150 YEARS" version of the top banner that identifies the Sesquicentennial, or 150th anniversary, of the University of Massachusetts.
This banner:
- Brands your page as part of UMass Amherst
- Links your page to the UMass home page
- Promotes the 150th anniversary of UMass in 2013
- Links to the 150th anniversary website
- Provides access to the site search
If your site has the UMass Amherst banner, it should be replaced with the 150 YEARS version. If your site does not have the UMass Amherst top banner, it should be added now. New UMass Amherst websites launched during 2013 should also include the 150 YEARS version.
How to add the banner to your website.
How to add the 150 YEARS top banner to your website:
1. If you have an existing site created in HTML, replace your current op banner HTML code with this HTML code in the box below. You may have to adjust the CSS on your site to accommodate the new banner.
Maroon version of banner:
<!-- Begin UMass Amherst top banner -->
<div style="background-color: #881c1c;
text-align: right; padding: 8px 15px 8px 15px;" id="topbanner">
<!-- Official UMass Sesquicentennial Logo -->
<a style="float: left; margin: -4px 6px; width: 58px;
height: 34px; " title="150th Anniversary"
href="http://umass.edu/150"><img alt="UMass Sesquicentennial"
src="http://umass.edu/umhome/identity/150/150.png"></a>
<!-- End Official UMass Sesquicentennial Logo -->
<a href="http://umass.edu/"><img width="146" height="22"
style="float: left; width: 146px; border: 0;" alt="UMass Amherst"
src="http://umass.edu/umhome/identity/top_banner_06/mar-wordmark.gif"
id="banner_wordmark"></a>
<form style="margin: 0; padding: 0"
onsubmit="if (this.q.value=='Search UMass Amherst')
return false;" name="gs"
method="get" action="http://googlebox.oit.umass.edu/search">
<div><label for="q"><input type="text" onblur="if (this.value=='')
this.value='Search UMass Amherst'"
onfocus="if (this.value=='Search UMass Amherst')
this.value=''" value="Search UMass Amherst" id="q" name="q" size="22"
style="font-size: 11px; font-family: Verdana, sans-serif;
padding-left: 2px"></label>
<input type="submit" style="font-size: 11px;
font-family: Verdana, sans-serif;" value="Go" name="sa">
<input type="hidden" value="default_collection" name="site">
<input type="hidden" value="default_frontend" name="client">
<input type="hidden" value="default_frontend" name="proxystylesheet">
<input type="hidden" value="xml_no_dtd" name="output">
</div></form>
</div>
<!-- End UMass Amherst top banner -->
Black banner:
<!-- Begin UMass Amherst top banner -->
<div style="background-color: #000000;
text-align: right; padding: 8px 15px 8px 15px;" id="topbanner">
<!-- Official UMass Sesquicentennial Logo -->
<a style="float: left; margin: -4px 6px; width: 58px;
height: 34px; " title="150th Anniversary"
href="http://umass.edu/150"><img alt="UMass Sesquicentennial"
src="http://umass.edu/umhome/identity/150/150.png"></a>
<!-- End Official UMass Sesquicentennial Logo -->
<a href="http://umass.edu/"><img width="146" height="22"
style="float: left; width: 146px; border: 0;" alt="UMass Amherst"
src="http://umass.edu/umhome/identity/top_banner_06/black-wordmark.gif"
id="banner_wordmark"></a>
<form style="margin: 0; padding: 0"
onsubmit="if (this.q.value=='Search UMass Amherst')
return false;" name="gs"
method="get" action="http://googlebox.oit.umass.edu/search">
<div><label for="q"><input type="text" onblur="if (this.value=='')
this.value='Search UMass Amherst'"
onfocus="if (this.value=='Search UMass Amherst')
this.value=''" value="Search UMass Amherst" id="q" name="q" size="22"
style="font-size: 11px; font-family: Verdana, sans-serif;
padding-left: 2px"></label>
<input type="submit" style="font-size: 11px;
font-family: Verdana, sans-serif;" value="Go" name="sa">
<input type="hidden" value="default_collection" name="site">
<input type="hidden" value="default_frontend" name="client">
<input type="hidden" value="default_frontend" name="proxystylesheet">
<input type="hidden" value="xml_no_dtd" name="output">
</div></form>
</div>
<!-- End UMass Amherst top banner -->
2. If you have an existing site created in Drupal and the site is being maintained by University Relations staff, your site will be updated for you.
3. If your site was developed outside of University Relations, either by a UMass developer or by a third party, please refer to this website for the appropriate code.