How to Add the New UNC Header

Step 1:

Open up your main template (usually called master.dwt) and click on [ CODE ]:

Around line 13, should be the line:

@import url("../css/uncheader.css");

change this to:

@import url("http://www.unco.edu/assets/css/uncheader750-2009.css");

Step 2: The header

At approximately line 24, you should see the following code:

UNC header code

The UNC header spans from the first tag:

to the closing div tag:

</div>

Replace the UNC header code with:

<div id="UNCheader"> <ul id="accessibility" class="nopda"> <li id="skipnavigation"><a href="#topnav" accesskey="n" title="Skip to navigation"> </a></li> <li><a href="#content" accesskey="c" title="Skip to Content"> </a></li> <li><a href="http://www.unco.edu/accessibility.html" accesskey="0" title="Accessibility Statement"> </a></li> </ul> <ul id="logo"> <li><a href="http://www.unco.edu"><span>Go to the University of Northern Colorado's Home Page</span></a></li> </ul> <ul id="linkrow"> <li id="azindex"><a href="http://www.unco.edu/mainindex.asp"><span>A to Z Index</span></a></li> <li id="findpeople"><a href="http://www.unco.edu/people.asp"><span>Find People</span></a></li> <li id="directory"><a href="http://www.unco.edu/officelookup.asp"><span>Office Directory</span></a></li> <li id="departments"><a href="http://www.unco.edu/academic.asp"><span>Departments</span></a></li> <li id="calendar"><a href="http://www.unco.edu/calendar/calendar.asp"><span>Calendar</span></a></li> <li id="unchome"><a href="http://www.unco.edu/"><span>University of Northern Colorado Home</span></a></li> <li id="contact"><a href="http://www.unco.edu/contact.shtml"><span>Contact Us</span></a></li> <li id="applynow"><a href="http://www.unco.edu/decide.shtml"><span>Apply Now</span></a></li> </ul> <form action="http://search.unco.edu/search" method="get"> <input name="q" id="searchbox" size="20"/> <input type="submit" value=" " id="searchbutton"/> </form> </div>

Save the template and apply the changes to the pages attached to the template.

Step 3: Fixing the old CSS

Open up the file called structure.css that is located in the CSS folder:

Structure

Line 18 should read:

body {margin:0; padding:0; background-image:url("../images/pagatopback.gif"); background-position:top; background-repeat:repeat-x;}

Change this to:

body {margin:0; padding:0; }

Save structure.css and republish the entire site.

That's it.

That should be it. If you have any questions, please email Jesse Clark.