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>

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *