ITD Navigation Bar

Home

ITD Navigation Bar

If you are not using the ITD template, the ITD navigation bar (below) should appear at the top of every page on your site. This version of the bar has a black background, but you can change the color as specified below.

Aside from navigation, the bar provides "branding" to show the organizational connection between ITD and its various units. If you are using the ITD template, a similar bar is already included so you do not have to perform these instructions. If you are not using the ITD template, follow these steps for putting the above bar into each of your web pages:

Copy the following lines of markup:

<link rel="stylesheet" type="text/css" 
href="http://itd.ncsu.edu/itd-branding/styles/itd_top_nav_iframe.css" /> 
<iframe name="ITDNav" id="ITDNav"  
src="http://itd.ncsu.edu/itd-branding/itd_nav.php?color=black" 
scrolling="no">  
Your browser does not support inline frames or  
is currently configured  not to display inline frames.<br /> 
Visit <a href="http://itd.ncsu.edu/">http://itd.ncsu.edu</a>.
</iframe>

In a web page editor, open the page in which you want the bar to appear.
Paste the copied lines into the markup for that page (In Dreamweaver for example, in the "code" view), immediately following the <body> tag.

Changing the color of the ITD navigation bar

By defaut, the ITD navigation bar is set to display in black. To change the color,

At the end of the fourth line of the above text, locate the word black.
Change this to either red, white or grey (spelled with an e). Be sure to use lowercase letters.

For example, to display the bar in red, the fourth line should be edited to read:
src="http://itd.ncsu.edu/itd-branding/itd_nav.php?color=red"

Here is the ITD navigation bar in all four of its background colors:

Red:

White:

Grey:

Black:

If you have any difficulty putting the ITD navigation bar onto one of your pages or changing its color, contact IT_PUBS@remedy.ncsu.edu.

Page last modified April 21, 2006 by gierka