To get the blue font and the underline style when you point the mouse over an item of the table of contents, we modified the TOC template:
<html>
<head></head>
<style type="text/css">
A:link { color:"#003366"; text-decoration:none;}
A:hover { text-decoration:underline; color:#003366;}
SPAN.heading1,
SPAN.heading2,
SPAN.heading3,
SPAN.heading4,
SPAN.heading5,
SPAN.heading6 { margin:0.0em;
margin-right:4px;
margin-top:2px;
font-family: Verdana, Arial, Helvetica;
font-weight:normal;
font-size:9pt;
color: "#003366"; }
SPAN.hilight1,
SPAN.hilight2,
SPAN.hilight3,
SPAN.hilight4,
SPAN.hilight5,
SPAN.hilight6 { margin:0.0em;
margin-right:4px;
margin-top:2px;
font-family: Verdana, Arial, Helvetica;
font-weight:normal;
font-size:9pt;
color: #FFFFFF;
background: #002682;
text-decoration:none; }
</style>
<body bgcolor="#FFFFFF">
<h1><b><%TITLE%></b></h1>
<br>
<%TABLE_OF_CONTENTS%>
</body>
</html>
First of all, there are two new lines in the style sheet:
A:link { color:"#003366"; text-decoration:none;}
A:hover { text-decoration:underline; color:#003366;}
Both are responsible for the color of the links in the TOC - the first line for links which are not under the mouse pointer, the second manages the underline style, which appears when you move the mouse over an item.
The second part of the style sheet defines one style for all headings. The result is, that all entries of the table of contents have the same font style and size:
margin-right defines the right margin of a heading with 4 pixel. This applies to the icons as well and moves the icons (which are right-aligned within a table) a bit to the left. margin-top defines the vertical space between headings.
font-family changes the font face to the same face as in the online MSDN library, font-size defines the font size exactly with 9 pt (point) which is the same font size we used in the topics.
Finally, we removed the copyright notice and date stamp from the bottom of the TOC.
The blue book icons are defined separately.
Send feedback on this sample.
© 2001 EC Software