Source Code
<?php $i=1; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menu Active</title> <style> body{ text-align:center; font-size:24px; color:#FFF;} .div{ width:500px; border:1px solid #C03; background:#666;} .ul {width:500px;list-style-type:none;} .ul li { width:auto;float:left;text-align:center; margin-left:20px; } .ul li a{border:1px solid #0CC; text-decoration:none; background:#0CC; color:#FFF;} .ul li.current a{ color:#FFF; background:#F60; border:1px solid #F60;} h2{ color:#03C;} </style> </head> <body> <div class="div" > <h2>Menu Active</h2> <ul class="ul"> <li <?php if($i==1){echo 'class="current"';}?>> <a href="menu1.php">HOME</a></li> <li <?php if($i==2){echo 'class="current"';}?>> <a href="menu2.php">ABOUT US</a></li> <li <?php if($i==3){echo 'class="current"';}?>> <a href="menu3.php">PROGRAME</a></li> </ul> **** Home **** </div> </body> </html>
No comments:
Post a Comment