Linkmenu

Auteur: Button-Man - 26 augustus 2004 - 14:29 - Gekeurd door: Dennisvb - Hits: 3969 - Aantal punten: 3.50 (1 stem)

Menu wordt pas een mooie layout nadat er over de link is gegaan...

Code:

<HEAD>

php code - Bekijk de code zonder highlighting - Klap code in

                <style type="text/css"> 
.over { background-color: #D0D0FF; /*pas hier de achtergrond aan.*\ 
    border-bottom:solid thin ; 
    border-right:solid thin ; 
    border-left:solid thin ; 
    border-top:solid thin ; /*pas hier borders aan.*\ 
    border-color:000388;/pas hier de kleur van de borders aan.*\ 
    padding:4; 
    margin-right:200px;/*pas hier de px aan naast de rechterkant van de [*tabel*].*\ 
    cursor : crosshair}/*pas hier de cursor aan.*\ 

A:link{color:#000388;text-decoration:none; cursor : crosshair } /*pas hier de cursor aan.*\ 
A:visited{color:#000388;text-decoration: none; cursor : crosshair} /*pas hier de cursor aan.*\ 
A:active{color:#000388; cursor : crosshair} /*pas hier de cursor aan.*\ 
A:hover{color:#FF0000;text-decoration:none; cursor : crosshair} /*pas hier de cursor aan.*\ 

ol{list-style-type:square;/*pas hier jouw lijst-type aan.*\ 
    color:d0d0ff}     

</style>
            
<style type="text/css"> 
.over { background-color: #D0D0FF; /*pas hier de achtergrond aan.*\ 
    border-bottom:solid thin ; 
    border-right:solid thin ; 
    border-left:solid thin ; 
    border-top:solid thin ; /*pas hier borders aan.*\ 
    border-color:000388;/pas hier de kleur van de borders aan.*\ 
    padding:4; 
    margin-right:200px;/*pas hier de px aan naast de rechterkant van de [*tabel*].*\ 
    cursor : crosshair}/*pas hier de cursor aan.*\ 
 
A:link{color:#000388;text-decoration:none; cursor : crosshair } /*pas hier de cursor aan.*\ 
A:visited{color:#000388;text-decoration: none; cursor : crosshair} /*pas hier de cursor aan.*\ 
A:active{color:#000388; cursor : crosshair} /*pas hier de cursor aan.*\ 
A:hover{color:#FF0000;text-decoration:none; cursor : crosshair} /*pas hier de cursor aan.*\ 
 
ol{list-style-type:square;/*pas hier jouw lijst-type aan.*\ 
    color:d0d0ff}     
 
</style>
 

<BODY>

php code - Bekijk de code zonder highlighting - Klap code in

                <ol> 
<li><p onMouseOver="this.className='over'"><a href="http://www.sitemasters.be">Ga naar het sitemasters. </a></p> 
<li><p onMouseOver="this.className='over'"><a href="http://www.google.be">Ga naar google. </a></p> 
<ol>
            
<ol> 
<li><p onMouseOver="this.className='over'"><a href="http://www.sitemasters.be">Ga naar het sitemasters. </a></p> 
<li><p onMouseOver="this.className='over'"><a href="http://www.google.be">Ga naar google. </a></p> 
<ol>
 

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Geen reacties (0)