UK Navigation Bar: Nav_City

To mount the navigation bar onto your pages manually, please follow the instructions provided below.

IMPORTANT NOTE: For Web pages using FRAMES, please be sure to paste the code only in the appropriate HEADER or TOP frame.

INSTRUCTIONS:
1. FTP the html file(s) from the server to your local machine or open a new page.
2. Find the <BODY> tag.
3. (optional) If you wish to have the navbar flush with the edges of the page, use a style attribute like this: <body style="margin: 0px;">. To have it flush with only the top of the page use <body style="margin-top: 0px;">. (To restore the margin(s) for page content, place the content in a DIV tagset and set a margin value for that DIV.)
4. Move the cursor to the line after the closing ">" of the <BODY> Tag.
5. Press ENTER, creating an empty line between the <BODY> Tag and the rest of the file's text.
6. Copy the following code exactly


<script src="http://www.uky.edu/newhome/navbar/nav_city.js" type="text/javascript"></script>

<script type="text/javascript">
<!--
if (navigator.appName == "Microsoft Internet Explorer")
{
if (parseFloat(navigator.appVersion) < 4.0)
{
document.write("<A HREF=\"http://www.uky.edu/newhome/navbar/navbar.map\">");
document.write("<IMG SRC=\"http://www.uky.edu/newhome/navbar/nav_city.gif\" ismap alt=\"University Master Navigation Bar\" id=\"navbarA\"><\/A>");
}
}
if (navigator.appName == "")
{
document.write("<A HREF=\"http://www.uky.edu/newhome/navbar/navbar.map\">");
document.write("<IMG SRC=\"http://www.uky.edu/newhome/navbar/nav_city.gif\" ismap alt=\"University Master Navigation Bar\" id=\"navbarA\"><\/A>");
}
// -->
</script>

<p>
<map name="navbar" id="navbar">
<area shape="rect" href="http://www.uky.edu/" alt="UK Home" coords="0,0 203,28" />
<area shape="rect" href="http://www.uky.edu/Home/navlinks/navbar_link1.html" alt="Academics" coords="203,0 264,28" />
<area shape="rect" href="http://www.uky.edu/Home/navlinks/navbar_link2.html" alt="Athletics" coords="266,0 327,28" />
<area shape="rect" href="http://www.uky.edu/Home/navlinks/navbar_link3.html" alt="Medical Center" coords="328,0 388,28" />
<area shape="rect" href="http://www.uky.edu/Home/navlinks/navbar_link4.html" alt="Research" coords="390,0 450,28" />
<area shape="rect" href="http://www.uky.edu/Home/navlinks/navbar_link5.html" alt="Site Index" coords="452,0 512,28" />
<area shape="rect" href="http://www.uky.edu/Home/navlinks/navbar_link6.html" alt="Search UK" coords="514,0 585,28" />
</map></p>
<noscript>
<p>
<a href="http://www.uky.edu/newhome/navbar/navbar.map">
<img src="http://www.uky.edu/newhome/navbar/nav_city.gif" ismap="ismap" alt="University Master Navigation Bar" id="navbarA" /></a>
</p>
</noscript>

<p>&nbsp;</p>
7. It is best to place the code inside a fixed width layer (or table cell). You may do this by placing the style in a stylesheet, in the header, or in a div tagset surrounding the code above (e.g., <div style="width: 630px;"></div>). 
8. Save the file and test it on your local machine for formatting and layout.
9. Once the revised page has been thoroughly checked, FTP the file back to the server.



BACK

Contact: ukpr@lsv.uky.edu
Updated 7/5/11
An Equal Opportunity University