0

Eu fiz o menu de um sistema que estou fazendo em html e php, queria inserir esse menu em todas as páginas, porem eu queria mudar o menu ativo de acordo com a página aberta, é possivel ? Meu menu atual, esta em html por enquanto:

    <!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>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.2.1.min.js"></script>

<script src="js/bootstrap.min.js"></script>
<script defer src="js/fontawesome-all.min.js"></script>



<?php
require 'config.php';
//require 'verificalogin.php';
$sql = new Sql();
$nome = $_SESSION['nome'];
?>

<link rel="stylesheet" href="css/cssbase.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Administrativo DoUp</title>
</head>
<body>
    <!-- inicio da navbar -->
    <header>
        <div class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container"> 
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span> 
                    </button>
                    <img src="imagens/logo.png" id="logo">
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">Inicio</a></li>
                        <li ><a href="noticias.php">Noticias</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="fas fa-user-circle fa-lg"></i> 
                                <strong>Igor de Oliveira</strong>
                                <i class="fas fa-caret-down "></i>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <div class="navbar-login">
                                        <div class="row">
                                            <div class="col-lg-8">
                                                <p class="text-left"><strong>Igor Oliveira</strong></p>
                                                <p class="text-left small">[email protected]</p>
                                                <p class="text-left small">Praia da Costa</p>
                                                <p class="text-left">
                                                    <a href="#" class="btn btn-primary btn-block btn-sm">Alterar Senha</a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <div class="navbar-login navbar-login-session">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <p>
                                                    <a href="#" class="btn btn-danger btn-block">Deslogar</a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
</body>
</html>

2 Respostas 2

1

Bom dia, você pode criar arquivos separados em php e dar require_once pra importar-lo em qualquer parte da página, inclusive em outros arquivos, isso é bem útil pra não ficar rescrevendo o código toda vez em cada arquivo

Exemplo:

header.php

<header>
    Aqui você faz seu header todo dentro de um arquivo chamado = header.php
</header>

depois é só dar um:

<?php require_once "header.php"; ?>

na parte que quer inserir o header

<!DOCTYPE html>
<html>
    <head>
        <title>Título da página</title>
        <meta charset="UTF8"/>
    </head>
    <body>
        <?php require_once "header.php" ?>
    </body>
</html>
2
  • Funcionou, mas o resto do conteudo fica por baixo do menu, saberia como deixar ele em baixo do menu de maneira elegante sem margin top? Commented 9/01/2018 às 13:30
  • Acho que o ideal seria o include <?php include 'header.php';?> porque com o require, se o .php não achar o arquivo ele vai travar o carregamento da página toda.
    – hugocsl
    Commented 9/01/2018 às 14:01
-1

Você pode fazer isso com JQuery, exemplo:

<html>
<head>
<title>Include Common Files</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div id="header"></div><br />
<div id="content">
Main Content
</div><br />
<div id="footer"></div>
<script>
$("#header").load("header.html");
$("#footer").load("footer.html");
</script>
</body>
</html>

tem uma explicação mais detalhada aqui, se quiser entender melhor: https://phpsmashcode.com/tips-and-tricks/include-common-files-in-html#.WlQaKPZG3iw

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .