logo   PHP menu




$_GET-baseret


Link til siden med menuen:

<li><a href="katalog.php?aktiv=katalog&planty_id=1">Butikken</a></li>


.phpmenu01
{
display: inline;
list-style-type: none;
}
<menu>
<div>
<ul class="phpmeu01">
<li><a href="index.php">Forsiden</a>
<li><a href="butikken.php?aktiv=butikken&planty_id=1">Butikken</a></li>
<li><a href="kontakt.php">Kontakt</a></li>
</ul>
</div>

<?php
if (isset ($_GET['aktiv']) && $_GET['aktiv']=='butikken' ) // start GET
{
?>

<div>
<ul class="phpmeu01">
<li><a href="butikken.php?planty_id=1">Buske</a></li>
<li><a href="butikken.php?planty_id=2">Roser</a></li>
<li><a href="butikken.php?planty_id=3">Frugttræer</a></li>
<li><a href="butikken.php?planty_id=4">Hortensia</a></li>
</ul>
</div>
<?php
}
?>
</menu> <!-- menu slut -->







CSS baseret


<ul class="menutext"> <li>a href="index.php">Hjem</a>|</li><li><a href="omSlipseknuden.php">Om slipseknuden</a>|</li><li><a href="produkter.php">Produkter</a>|</li><li><a href="garanti.php">Garanti</a>|</li><li><a href="kontakt.php">>Kontakt</a></li>


Menuen forbliver aktiv så længe

<div id="submenu">
<ul class="submenutext">
<li><a href="produkter.php?fk_prod_id=9">Alle</a>|</li><li><a href="produkter.php?fk_prod_id=1">Shoon</a>|</li><li><a href="produkter.php?fk_prod_id=2">Korea Special</a>|</li><li><a href="produkter.php?fk_prod_id=3">US Imports</a>|</li><li><a href="produkter.php?fk_prod_id=4">Sleek Fabrics</a></li>
</ul>
</div>




/*MENU TEXT*/
.menutext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color: #FFFFFF;
    text-align:right;
}

.menutext a{
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color: #FFFFFF;
    text-decoration:none;
}

.menutext a:hover{
    text-decoration:underline;
}

/*SUB- MENU TEXT*/
.submenutext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color: #000000;
    text-align:right;
}

.submenutext a{
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color: #000000;
    text-decoration:none;
}

.submenutext a:hover{
    text-decoration:underline;
}




















x
x