|
Return to Web Resources>>
Footer Instructions
The two footer options provided are set up in a table format. The footers are set to 760 pixels wide, allowing the footers to display properly on monitors set to a screen resolution of 800x600 or higher. The presentation of text is controlled by a style sheet. Instructions for adding the required elements to your Web site are below.
To use the table footers on your unit's Web site, you will need to:
- 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 style sheet to your Webpages. 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.
stylesheet HTML
In order for the styles to work properly, add the style sheet link to the document HEAD. If you prefer, you may copy the style sheet code provided on this CD to an existing style sheet document in your Web site.
<link href="css/basic.css" rel="style sheet" type="text/css">
Footer HTML
- Copy the HTML for the set up you prefer and paste it into the document BODY. The preferable location for the footer is immediately preceding the </body> tag. If you prefer using style sheets for the presentation of the footer, you may create your own styles. Use the artwork provided on this CD with the styles you create.
- Update the contact information in the footer.
Footer: Logo Right
This is the HTML code for "logo flush right" footer:
<!--Begin LSU Footer-->
<table width="760" height="65" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" align="center">
<tr>
<td valign="top" width="635">
<
img src="images/footerline.gif" width=635 height=50 border="0" alt="""">
<
/td>
<td rowspan=2 valign="top" width="113">
<
a href="http://www.lsu.edu/"><img src="images/footer_signature.gif" width="113" height="50" border="0" alt="LSU Home"></a>
</td>
<td rowspan=2 valign="top" width="12">
<
img src="images/footerline.gif" width=12 height=50 border="0" alt="""">
<
/td>
</tr>
<tr>
<td width="635" height="34" class="footer">
<p>Unit Name Here<br>
Address Here<br>
Baton Rouge, LA 70808<br>
Telephone: 225-578-5555<br>
Fax: 225-578-5555<br>
E-mail: <a href="unit_email@lsu.edu">unit_email@lsu.edu</a></p>
</td>
</tr>
<tr>
<td colspan="3" align="center" class="footer">Copyright ©
2006. All Rights Reserved. Official Webpage of Louisiana State University.</td>
</tr>
</table>
<!--End LSU Footer-->
Footer: Logo Centered
This is the HTML code for the "logo centered" footer:
<!--Begin LSU Footer-->
<table width="760" height="65" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align="center" class="footer">
<
p><img src="images/footerline.gif" width=322 height=50 border="0" alt="""">
<
a href="http://www.lsu.edu/"><img src="images/footer_signature.gif" width="113" height="50" border="0" alt="LSU Home"></a>
<img src="images/footerline.gif" width="322" height="50" border="0" alt=""""></p>
<p> </p>
<p>Unit Name Here<br>
Address Here · Baton Rouge, LA 70808<br>
Telephone: 225-578-5555 · Fax: 225-578-5555 · E-mail: <a href="unit_email@lsu.edu">unit_email@lsu.edu</a></p>
<
p>Copyright © 2006. All Rights Reserved. Official Webpage of
Louisiana State University. </p></td>
</tr>
</table>
<!--End LSU Footer-->
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
| 
