RSS Icon Twitter icon Facebook icon

Web Header Bar Templates

Web Header Bar Templates

The following Web header bar templates are designed for use by University of Missouri System Web sites not maintained by University Relations or sites that use a design other than the main UMS site.

In order to maintain consistency across all UMS sites, all Web header bar images and CSS styling should be served from a location provided by University Relations wherever possible.

Wherever possible, the exact code provided here should be used. If a custom header is needed, please contact University Relations at (573) 882-9112 or e-mail robertsju@umsystem.edu.

If you are planning to place the header on a secure server, however, you will likely need to copy the image files and stylesheets to your server in order to avoid having warning messages appear for end-users. If you do this, please e-mail robertsju@umsystem.edu so we can record your usage information.

Flexible width (Preferred format)

Paste this code in the <head> portion of your page.

<link href="http://www.umsystem.edu/css/umsbar.css" rel="stylesheet" type="text/css" />

Then insert this code immediately after the <body> tag. Please ensure page margins are set to 0 when using this option (if your design requires margins, wrap your content it a unique <div> that controls the margins of your content but not the header bar).

<!--Start UMS Header Bar-->
<div class="umsheader"><div class="umsheaderlogo"><a href="http://www.umsystem.edu"><img src="/images/blank.gif" class="umsheaderlink" alt="Link to University of Missouri System home page" /></a></div>                
<div class="umsheaderadvmolink"><a href="/about-us"><img src="/images/umsbar/advmo-link-logo.png" /></a></div></div>
<!--End UMS Header Bar-->

Reviewed 2013-04-24.