IBM R1 - page 18

<td width="46" class="logo-textbg"><a

href="#PageContent"><img src="transparent.gif" width="2" height="20"

alt="skip to page content" border="0"></a><img src="transparent.gif"

width="44" height="1" alt="" border="0"></td>

<td class="mosaic-bg" width="100%" align="right"><img

src="lvc-helpibm.gif" width="59" height="33" alt="IBM logo"

border="0"></td>

</tr>

</table>

</body>

</html>

The <SCRIPT>…</SCRIPT> block tests for which browser you’re using and points to the

appropriate Cascading Style Sheet (CSS) in the Help directory to manage display attributes, such

as font and background color, of the Help header and navigation bar. You can change these

display attributes by editing ns_style.css or ie_style.css (or both) or by pointing to a different

Cascading Style Sheet of your own devising. If you edit the CSS files rather than point to one of

your own, these changes will ripple through the whole Student Help system.

You can alter the ALT tag text, and change the banner textLearning Management System

Student Help. You can edit, replace, or remove the lvc-help-*.gif files. You can change the banner

graphic in either of two ways:

• Edit or replace the file lvc-helpmosaic.gif.

• Edit ns_style.css or ie_style.css (or both), replacing the background-image URL with one

that locates the banner graphic you want:

.mosaic-bg {

background-image: url(lvc-helpmosaic.gif);

background-repeat: repeat-x;

You can use transparent.gif to adjust the spacing of elements in the header.

The file that defines the navigation bar, sh_help_navigation_l.html,

looks like this:

<html>

<head>

<title>Help Navigation</title>

<!--

if (navigator.appName.indexOf('Netscape') > -1) {

document.write('<LINK HREF="ns_style.css" REL="styleSheet"

TYPE="text/css">');

} else {

document.write('<LINK HREF="ie_style.css" REL="styleSheet"

TYPE="text/css">');

Chapter 4: Customizing Help 13