Return to Web Resources>>
Utility Bar Instructions
The Utility Bar is required on all Webpages. It consists of :
- an invisible link to text only pages
- PAWS login button
- LSU's physical location
- a script that displays the current date
- a link to LSU's Google Search.
To add the Utility Bar to your unit's Web site, you will need to:
- Download the "Web
Template" ZIP file containing all the items referenced in the
instrutions below.
- Copy the "images" directory and add it to the Web site's parent directory.*
- Copy the "css" directory and add it to the Web site's parent directory.*
- Add a link to the stylesheet to your Webpages. See below for detailed instructions.
- Add the script for the date display to the document HEAD. See below for detailed instructions.
- Add the table HTML to your Webpages. See below for detailed instructions.
*If you move the images or the style sheet into a different directory or alter the filenames being referenced. Remember to adjust the IMG SRC and/or HREF accordingly.
Style Sheet
In order for the styles to work properly, add the stylesheet link to the document HEAD. If you prefer, you may copy the stylesheet code provided on this CD to an existing stylesheet document in your Web site.
<link href="css/basic.css" rel="stylesheet" type="text/css">
Date Display Script
The following JavaScript code gets the current date from the viewer's machine and display's it on Webpages. Place this script into the HEAD of the document.
!-- The following JavaScript code gets the current date from the viewer's machine. -->
< script language="JavaScript">
< !-- tag to hide script from older browsers that don't support JavaScript
function display_todays_date()
{
var today = new Date();
var numerical_day=today.getDay();
var numerical_month=today.getMonth();
var date=today.getDate();
var year=today.getFullYear();
var weekday_array = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var day_of_the_week = weekday_array[numerical_day];
var month_array = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
var month_name = month_array[numerical_month];
var date_string=day_of_the_week+', '+month_name+' '+date+', '+year;
document.write(date_string);
}
//-->
< /script>
< !-- End the current date script. -->
Table HTML
The Utility Bar is set up in a table format. The bar is set to 760 pixels wide, allowingit to display properly on monitors set to a screen resolution of 800x600 or higher. The presentation of text is controlled by a style sheet. If you prefer using style sheets for the presentation of the bar, you may create your own styles.
  |
Baton Rouge, Louisiana |
|
|
This is the HTML code for the Utility Bar.
<!--Begin Utility Bar-->
<table width="760" height="14" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="180" height="15"><a href="http://text.lsu.edu/tt/http://www.lsu.edu"><img src="images/spacer.gif" alt="Text Only" border="0"></a><a href="http://paws.lsu.edu/"><img src="images/header_util_paws.gif" alt="Login to PAWS" width="97" height="15" border="0"></a></td>
<td height="15" align="center" class="small">Baton Rouge, Louisiana |
<!--Begin date display-->
<script language="JavaScript" type="text/JavaScript">display_todays_date();</script>
<!--end date display-->
</td>
<td width="180" height="15" align="right">
<form name="google1" method="GET" action="http://search.lsu.edu/search">
<label for="searchbox">
<input name="image" type="image" id="image" src="images/header_util_search.gif" alt="Go" width="17" height="14" />
<input name="q" id="searchbox" type="text" size="20" value="Search lsu.edu" alt="Search" onfocus="select()"/></label>
<input type="hidden" name="site" value="LSU"><input type="hidden" name="output" value="xml_no_dtd">
<input type="hidden" name="client" value="LSU_frontend">
<input type="hidden" name="proxystylesheet" value="LSU_frontend">
</form></td>
</tr>
< /table>
<!--End Utility Bar-->
Contact Us
If you require assistance or would like additional information, please contact the Office of Public Affairs.
Telephone: 225-578-8654
E-mail: urelat1@lsu.edu
Return to Web Resources>>
|
