Ir para o conteúdo

- - - - -

Criando Menu Dinamicamente!


Criado por Elnatã Levi, Ago 06 2012 18:09

1 resposta neste tópico
  • Por favor, faça o login para responder

#1 Elnatã Levi

Elnatã Levi
  • Elnatã Levi
  • Colaborador
  • 2 Revisões

Revisou 06 agosto 2012 - 18:09

*
REVISÃO POPULAR!

Bom pessoal estou postando um código aqui pra galera pois existem pessoas que se perguntam principalmente a galera que está começando no php, como faço para adicionar menu em várias paginas diferentes sem ter que alterar página por página? Então ai vai o código pessoal!

Obs.: É um menu simples mas vocês podem estar incrementando facilmente!


Esta é a pagina menu.php:


<?php

$menu_index = "<a href='index.php'>Index</a>";
$menu_exibe = "<a href='exibe.php'>Exibe</a>";
$menu_pesquisar = "<a href='pesquisar.php'>Pesquisar</a>";

$mostra_menus = "<div id='menu'><ul>
				
					<li>$menu_index</li>
					<li>$menu_exibe</li>
					


				</ul></div>";
				
				print $mostra_menus;

?>


Este sera o código que vocês irão colocar nas paginas em que querem o menu:


<?php
include ("menu.php");

?>



Este é o modelo do css do menu:


#menu ul {
    padding:0px;
    margin:0px;
    float:left;
    width: 100%;
    background-color:transparent;
    list-style:none;
    font:80% Tahoma;
}
#menu ul li { display: inline; } //Se quiser deixar o menu vertical altere esta linha!
 
#menu ul li a {
    background-color:transparent;
    color: #333;
    text-decoration: none;
    
    padding: 2px 10px;
    float:left;
}
 
#menu ul li a:hover {
    background-color:transparent;
    color: #6D6D6D;
    border-bottom:3px solid #EA0000;
}




Este é o exemplo de uma index.php


<!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" />
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
<title>Cadastrar Eventos</title>
</head>
<body>

 
<img src="logo-ifnmg.png" />
<?php
include ("menu.php");

?>
</body>
</html>


Então é isso ai pessoal espero que vocês tenham gostado é que possam tirar proveito!

#2 Linearweb

Linearweb
  • Linearweb
  • Colaborador
  • 1 Revisões

Revisou 26 setembro 2012 - 19:38

Olá Elnatã Levi,
Você também pode destacar a página em que está navegando, adicionando um current dinâmico.

<?php 

function ReceberPagina($pagina){
	$pagina = explode("/", $pagina);
	$pagina = end( $pagina );
	$pagina = explode(".", $pagina);
	
	return $pagina[0];
}

//*********//

$paginaURL = ReceberPagina($_SERVER['REQUEST_URI']);
switch($paginaURL){
	case 'exibe':{ $nav1 = true; break;  }
        case 'pesquisar':{ $nav2 = true; break; }
	default:{ $nav1 = true; break; }
}

?>
<div id='menu'> 
	<ul>                              
        	<li><a href='exibe.php' <?php if(isset($nav1)){ echo 'class="current"'; }?>>Exibe</a></li>
                <li><a href='pesquisar.php' <?php if(isset($nav2)){ echo 'class="current"'; }?>>Pesquisar</a></li>
        </ul>
</div>
                     

Ai basta definir no css como quer que o current apareça.

Espero ter ajudado.




1 usuário(s) está(ão) lendo este código

1 membro(s), 0 visitante(s) e 0 membros anônimo(s)