|
Home
Whitepaper
Downloads
Testimonials
Mailing Lists
Links
Credits
|
|
|
Arrows follow the selected choice
The CSS for this is:
.greybox {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #cccccc;
background: #666666;
margin: 5px;
padding: 5px;
padding-right: 15px;
padding-left: 15px;
font-weight: bold;
}
.greybox:hover {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
background: transparent right center url(arrow.gif) no-repeat;
margin: 5px;
padding: 5px;
padding-right: 15px;
padding-left: 15px;
font-weight: bold;
}
a.boxlink {
xcolor: #cccccc;
color: red;
font-weight: bold;
}
And the links look like:
<p class="greybox"><a class="boxlink" href="...link...">Home</a></p>
|
|