Séries de Web: Menus – Destacando um item do menu
Uma forma simples de destacar um item de menu.
O conteúdo do arquivo conteudo.php pode ser acessado aqui.
<? $menuativo = $_GET['acessando']; ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Destacando item de menu</title> <style type="text/css"> #menu { height:40px;font-size:16px;} #menu ul li{ list-style: none outside none; } #menu li { display:inline;float:left;text-align:center} #menu li a{ padding:6px;text-decoration:none; color:#000; } #menu li a:hover, #menu li a.ativo { color:#88A25D; } #menu li.home a{color:#FFF;background-color:#336699} #menu li.home a:hover{ color:#FF0000; } </style> </head> <body> <div id="menu"> <ul> <li class="home"><a href="?acessando=Home">INÍCIO</a></li> <li><a href="?acessando=Empresa" <?php if($menuativo == 'Empresa') {echo "class='ativo'";} ?>>EMPRESA</a></li> <li><a href="?acessando=Contato" <?php if($menuativo == 'Contato') {echo "class='ativo'";} ?>>CONTATO</a></li> </ul> </div> <div id="conteudo"> <? include("conteudo.php"); ?> </div> </body> </html> |