Add the UNC Header

If you are using the UNC templates, the easiest way to get the new header is to convert to the new templates.

Step 1:

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

Code

Around line 13, should be one of the following lines. It could be different depending on the UNC header version:

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

OR

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

Change this to:

@import url("http://www.unco.edu/assets/css/uncheader-betl-960.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:

<div id="UNCheader">

to the closing div tag:

</div>

Replace the UNC header code with:

<div id="uncwrapper">
<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>
<li class="unchome"><a href="http://www.unco.edu" title="University of Northern Colorado Home Page">&nbsp;</a></li>
<li class="betl"><a href="http://www.unco.edu/life" title="Bringing Education to Life">&nbsp;</a></li>
<li class="az"><a href="http://www.unco.edu/mainindex.asp" title="A to Z Index">&nbsp;</a></li>
<li class="findpeople"><a href="http://www.unco.edu/people.asp" title="Find People">&nbsp;</a></li>
<li class="officedirectory"><a href="http://www.unco.edu/officelookup.asp" title="Office Directory">&nbsp;</a></li>
<li class="departments"><a href="http://www.unco.edu/academic.asp" title="Departments">&nbsp;</a></li>
<li class="calendar"><a href="http://www.unco.edu/calendar/calendar.asp" title="Calendar">&nbsp;</a></li>
<li class="contact"><a href="http://www.unco.edu/contact.shtml" title="Contact">&nbsp;</a></li>
<li class="visit"><a href="http://www.unco.edu/visit" title="Visit">&nbsp;</a></li>
<li class="apply"><a href="http://www.unco.edu/decide.shtml" title="Apply">&nbsp;</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" title="Search"/>
</form>
</div>
</div>

Update the template and publish

Save the template, update all the files associated with the template and re-publish the entire site.