A multi-color menu. (Rated 0)Description:
A multi-color menu.
You can get some interesting effects with this. Also displays a message in the status bar.
Code starts here
<style type="text/css">
<!--
a {
background-color: transparent;
color: 0000ff;
font-weight: bold;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-size: 11pt;
text-decoration: underline;
}
a:link {
color: 0000ff;
}
a:visited {
color: cc0099;
}
a:hover {
color: ff0000;
}
a:active {
color: ff0000;
}
a.linkone:hover {
background-color: 00ffff;
color: ffffff;
}
a.linktwo:hover {
background-color: ffff00;
color: ff00ff;
}
a.linkthree:hover {
background-color: ffffff;
color: 00ff00;
text-decoration: none;
}
a.linkfour:hover {
background-color: ff00ff;
color: fffff0;
}
a.linkfive:hover {
background-color: 00ff00;
color: 000000;
}
a.linksix:hover {
background-color: ffff00;
color: ff0000;
}
a.linkseven:hover {
background-color: 0000ff;
color: ffffff;
}
-->
</style>
<table width="100%" align=center bgcolor=ffd700>
<tr bgcolor=ff0000>
<td width="20%" align=center valign=middle bgcolor=b22222>
<TABLE width="100%" bgcolor="ff0000" cellpadding="1" cellspacing="1" border="0">
<TR>
<TD width="50%" align=center valign=middle style="background-color: 000000;">
<div style="background-color: ff0000;"
onmouseover="this.style.backgroundColor='ffffff';"
onmouseout="this.style.backgroundColor='ff0000'">
<a href="tellafriend.html" target="_blank" class=linkthree onMouseOver=
"self.status= 'Tell a friend about this site!';return true"
onMouseOut=
"self.status= 'Why not send a free ecard?';return true"
style="font-size:9pt;"
>Tell a friend</a>
</div>
</TD>
</TR>
</TABLE>
</td>
<td width="25%" align=center valign=middle>
<TABLE width="100%" bgcolor="ff0000" cellpadding="1" cellspacing="1" border="0">
<TR>
<TD width="50%" align=center valign=middle style="background-color: 000000;">
<div style="background-color: ffff00;"
onmouseover="this.style.backgroundColor='00ff00';"
onmouseout="this.style.backgroundColor='ffff00'">
<a href="collectecard.html" class=linkfour target="_blank" onMouseOver=
"self.status= 'Collect or send an ecard!';return true"
onMouseOut=
"self.status= 'Why not tell a friend about this site?';return true"
style="font-size:9pt;"
>Collect or send ecard</a>
</div>
</TD>
</TR>
</TABLE>
</td>
<td width="20%" align=center valign=middle>
<TABLE width="100%" bgcolor="ff0000" cellpadding="1" cellspacing="1" border="0">
<TR>
<TD width="50%" align=center valign=middle style="background-color: 000000;">
<div style="background-color: 00ff00;"
onmouseover="this.style.backgroundColor='ffff00';"
onmouseout="this.style.backgroundColor='00ff00'">
<a href="http://www.webbieworld.com/" class=linkfive target="_blank" onMouseOver=
"self.status= 'Vote for this site at Webbieworld!';return true" onMouseOut=
"self.status= 'Why not send a free ecard?';return true"
style="font-size:9pt;"
>Vote</a>
</div>
</TD>
</TR>
</TABLE>
</td>
<td width="20%" align=center valign=middle>
<TABLE width="100%" bgcolor="ff0000" cellpadding="1" cellspacing="1" border="0">
<TR>
<TD width="50%" align=center valign=middle style="background-color: 000000;">
<div style="background-color: 00ffff;"
onmouseover="this.style.backgroundColor='0000aa';"
onmouseout="this.style.backgroundColor='00ffff'">
<a href="contactform.html" class=linksix target="_blank" onMouseOver=
"self.status= 'Contact us using the contact form!';return true" onMouseOut=
"self.status= 'Why not vote for this site at Webbieworld?';return true"
style="font-size:9pt;"
>Contact form</a>
</div>
</TD>
</TR>
</TABLE>
</td>
<td width="15%" align=center valign=middle>
<TABLE width="100%" bgcolor="ff0000" cellpadding="1" cellspacing="1" border="0">
<TR>
<TD width="50%" align=center valign=middle style="background-color: 000000;">
<div style="background-color: ff00ff;"
onmouseover="this.style.backgroundColor='00ff00';"
onmouseout="this.style.backgroundColor='ff00ff'">
<a href="mailto:@yahoo.com" class=linkseven onMouseOver=
"self.status= 'Email us!';return true" onMouseOut=
"self.status= 'Why not send a free ecard?';return true"
style="font-size:9pt;"
>Email</a>
</div>
</TD>
</TR>
</TABLE>
</td>
</tr>
</table>
Submitted by norvica on 11-03-2003 18:30 |
