UK WEB PUBLISHERS GROUP

NAVIGATION BARS MOUNTING INSTRUCTIONS

 

Placing the UK Master Navigation Bar on your pages ensures navigational consistency by providing continuous access to essential UK Web site information from all official content areas on all campus servers.

Below are the three approved versions of the navigation bar. The three versions are identical except for the background color. A secure version of the navbar is also available.

This code is compliant with Section 508.

 

INSTRUCTIONS:

1. FTP the html file(s) from the server to your local machine or open a new page.
2. Find the </HEAD> tag.
3. Move the cursor to the line before the opening "<" of the </HEAD> Tag.
4. Press ENTER, creating an empty line before the</HEAD> Tag.
5. Place your cursor on this empty line.
6. Copy one of the the following sets of code exactly:

For the gray css gray version navbar:

<style type="text/css">
<!--
@import url("http://www.uky.edu/newhome/navbar/new/uk_navbar_style.css");
-->
</style>

-- OR --

For the blue css blue version navbar:

<style type="text/css">
<!--
@import url("http://www.uky.edu/newhome/navbar/new/uk_navbar_style_blue.css");
-->
</style>

-- OR --

For the seeblue. See Blue Navbar logo navbar:

<style type="text/css">
<!--
@import url("http://www.uky.edu/newhome/navbar/new/uk_navbar_style_seeblue.css");
-->
</style>

8. Find the <BODY> tag.
9. Move the cursor to the line after the closing ">" of the <BODY> Tag.
10. Press ENTER, creating an empty line between the <BODY> Tag and the rest of the file's text.
11. Copy the following code exactly:

<script type="text/javascript" src="http://www.uky.edu/newhome/navbar/new/uk_navbar.js"></script>
<noscript>
    <p>
      <a href="http://www.uky.edu/newhome/navbar/new/noscript.html" title="Link to primary navigation">
         <img src="http://www.uky.edu/newhome/navbar/new/logo.jpg" height="22" width="185" alt="Link to primary navigation of the University of Kentucky" />
      </a>
   </p>
</noscript>

12. Save the file and test it on your local machine for formatting and layout.
13. Once the revised page has been thoroughly checked, FTP the file back to the server.

Updated April 26, 2013 by Chuck Ham