link2
link3
Plak dit tussen de <head> tags
<STYLE> <!-- verander hieronder alle kleurnummers voor je eigen kleuren.--> <!-- gewoon een kwestie van proberen.. je ziet het effect vanzelf !!!--> .subbarfont { font-weight: none; font-size: 13px; color: #000000; font-family: arial, verdana, helvetica, sans-serif } a.subbar { font-weight: none; color: #000000; font-size: 12px; width: 128px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none } .subbarselected { border-right: white 1px solid; border-top: #000000 1px solid; vertical-align: middle; border-left: black 1px solid; border-bottom: white 1px solid; background-color: #CCFF99 } .subbarnotsel { border-right: black 1px solid; border-top: #000000 1px solid; vertical-align: middle; border-left: #6699cc 1px solid; cursor: hand; border-bottom: #99FFCC 1px solid } .subbarnotselone { border-right: black 1px solid; border-top: #000000 1px solid; vertical-align: middle; border-left: #003366 1px solid; cursor: hand; border-bottom: #99CC99 1px solid } .subbarhover { border-right: black 1px solid; border-top: #CCFFCC 1px solid; vertical-align: middle; border-left: white 1px solid; cursor: hand; color: yellow; border-bottom: black 1px solid; background-color: #99CC99 } .subbarhover2 { border-right: black 1px solid; border-top: #CCFFCC 1px solid; vertical-align: middle; border-left: white 1px solid; cursor: hand; color: red; border-bottom: black 1px solid; background-color: #CCFFCC } </STYLE>
Plak dit tussen de <body> tags
<table border="0" cellspacing="4" cellpadding="0" width="160"> <tr> <td class="subbarnotsel" width="100" bgcolor="#CCFFCC"> <font class="subbarfont"><nobr>menu</nobr></font> </td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover '" onmouseout="this.className='subbarnotselone'" bgcolor="#CCFFCC"> <p align="center"><a href="http://www.biedie.nl" class="subbar" target="_blank"><font color="#000000"><b>link2</b></font></a> <table border="0" cellspacing="4" cellpadding="0" align="center" width="140"> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 2-1</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank"> link 2-2</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank"> link 2-3</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank"> link 2-4</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank"> link 2-5</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank"> link 2-6</a></td> </tr> </table> </td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover '" onmouseout="this.className='subbarnotselone'" bgcolor="#CCFFCC"> <p align="center"><a href="http://www.biedie.nl" class="subbar" target="_blank"><font color="#000000"><b>link2</b></font></a> <table border="0" cellspacing="4" cellpadding="0" align="center" width="140"> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 2-1</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 2-2</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 2-3</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 2-4</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 2-5</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 2-6</a></td> </tr> </table> </td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover '" onmouseout="this.className='subbarnotselone'" bgcolor="#CCFFCC"> <p align="center"><a href="http://www.biedie.nl" class="subbar" target="_blank"><font color="#000000"><b>link3</b></font></a> <table border="0" cellspacing="4" cellpadding="0" align="center" width="140"> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 3-1</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 3-2</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 3-3</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 3-4</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 3-5</a></td> </tr> <tr> <td class="subbarnotselone" width="100" onmousedown="this.className='subbarselected'" onmouseover="this.className='subbarhover2'" onmouseout="this.className='subbarnotselone'"><a href="http://www.biedie.nl" class="subbar" target="_blank">link 3-6</a></td> </tr> </table> </td> </tr> </table>