Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

anderson_cgms

Incluir menu em todas as paginas

Por , em PHP

Recommended Posts

anderson_cgms    0

anderson_cgms
Postado

Boa tarde, alguém poderia comentar o código (que já esta comentado), mas de aneira que eu possa fazer um include para que o menu apareça em outra pagina.

segue pagina do menu:

<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title> ** MITIGADOR**</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* 2a. Etapa */
@charset "UTF-8";
/* Folha de estilos:
Autor: Maurício Samy Silva
Versões
Data: 26/04/2014 - Redesign do site
*/
/* =CSS Reset */
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Fim CSS Reset */
/* =GERAL */
*, html, body {
margin:0;
padding:0;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
body {
margin-left:55px;
font: 62.5%/1.2 Arial, sans-serif;
}
/* Fim 2a. Etapa */
/* 3a. Etapa */
#lateral {
padding:0 50px 0 0;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size:1.2em;
background:rgb(44,62,80);
background-image: -moz-linear-gradient( 135deg, rgb(3,8,12), rgb(16,57,79) );
background-image: -webkit-linear-gradient( 135deg, rgb(3,8,12), rgb(16,57,79) );
background-image: -o-linear-gradient( 135deg, rgb(3,8,12), rgb(16,57,79) );
background-image: -ms-linear-gradient( 135deg, rgb(3,8,12), rgb(16,57,79) );
background-image: linear-gradient( 135deg, rgb(3,8,12), rgb(16,57,79) );
height:100%;
overflow:hidden;
width:370px;
position:fixed;
top:0;
left:-320px;
}
#lateral:before {
z-index:1000;
content: url(imagem/mini.png);
font-size:4em;
color:white;
position:fixed;
left:4px;
top:45px;
}
#lateral:hover:before, #lateral:focus:before {
left:-500px
}
#lateral:hover, #lateral:focus, #lateral:active {
overflow-y:scroll;
-moz-transform: translate(320px, 0);
-webkit-transform: translate(320px, 0);
-o-transform: translate(320px, 0);
transform: translate(320px, 0);
padding-right:0;
}
/* Fim 3a. Etapa */
/* 4a. Etapa */
#lateral .box {
list-style-type:none;
margin-bottom:1em;;
padding-bottom:1em;
}
#lateral h3 {
display:inline-block;
font-weight:bold;
font-size:1.6em;
font-style:normal;
padding-bottom:0.2em;
margin: 2em 0 2em 0.81em;
color:rgb(255,255,255);
border-bottom: 4px solid rgb(155,155,155);
}
#menu {
font-style:italic;
position:relative;
font-size:1.0em;
margin:1em 0 1em -1em;
padding:0;
}
#menu li {margin:0;padding:0;}
#menu li a, #menu li a:link {
font-size:1.2em;
color:rgb(255,255,255);
text-decoration: none;
padding: 0.8em 0 0.8em 1em;
display: block;
-moz-transition: all 1.2s ease;
-webkit-transition: all 1.2s ease;
-o-transition: all 1.2s ease;
transition: all 1.2s ease;
}
#menu li a:hover {
color:rgb(255,255,255);
background-color:rgba(255,255,255,0.2);
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/* Fim 4a. Etapa */
/* 5a. Etapa */
@media (max-width: 500px) {
body {margin-left:0;background-size:100% 28em!important;}
#lateral {
padding:0;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size:1.2em;
height:100%;
overflow:auto;
width:100%;
position:static;
top:0;
left:0;
}
#lateral:before {
z-index:1000;
width:0;
text-align:center;
content: "";
font-size:0;
color:white;
position:static;
top:0;
left:0;
display:inline-block;
}
#lateral:hover, #lateral:focus {
overflow:scroll;
-moz-transform: none;
-webkit-transform: none;
-o-transform:none;
transform:none;
}
#menu li a {border-bottom:1px solid #ccc;}
#menu li:first-child a {border-top:1px solid #ccc;}
}
/* Fim 5a. Etapa */
</style>
</head>
<body>
<table border="5">
<!-- Linha com logo, slogan e nome do site-->
<tr>
<br><br><br><td align="center"><img src="imagem/name.png" width="80%" height="80%" /></td><br>
<TD><h1>CADASTRO</h1></td>
</tr>
</table>
<div id="lateral" onclick="return true" aria-haspopup="true">
<div id="menu">
<div>
<img src="imagem/name.png" width="50%" height="50%"/>
</div>
<h3 class="link-titulo">CADASTRO</h3>
<ul class="box">
<li><a href="http://localhost/MITIGADOR/cadastroCDF/listagemcdf.php" target="_self"><img src="imagem/contato.png" width="10%" height="10%"/> CLIENTES / FORNECEDORES</a></li>
<li><a href="http://localhost/MITIGADOR/usuario/listagemuser.php">USUARIOS DO SISTEMA</a></li>
</ul>
<h3 class="link-titulo">AGENDA</h3>
<ul class="box">
<li><a href="#">CONSTRUINDO</a></li>
</ul>
</div> <!-- /#menu -->
</div> <!-- /#lateral -->
</body>
</html>
esta é uma das paginas que gostaria que o menu estivesse incluso:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="CADASTRO de usuário">
<meta name="description" content="administração de cadastros">
<title> *** Cadastro *** </title>
<link rel="stylesheet" type="text/css" href="css/easyui.css">
<link rel="stylesheet" type="text/css" href="css/icon.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<style type="text/css">
#fm{
margin:0;
padding:10px 30px;
}
.ftitle{
font-size:14px;
font-weight:bold;
color:#666;
padding:5px 0;
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.fitem{
margin-bottom:5px;
}
.fitem label{
display:inline-block;
width:80px;
}
</style>
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript">
var url;
function newUser(){
$('#dlg').dialog('open').dialog('setTitle','Adicionar Cadastro');
$('#fm').form('clear');
url = 'salvar_user.php';
}
function editUser(){
var row = $('#dg').datagrid('getSelected');
if (row){
$('#dlg').dialog('open').dialog('setTitle','Editar cadastro');
$('#fm').form('load',row);
url = 'atualizar_user.php?id='+row.id;
}
}
function saveUser(){
$('#fm').form('submit',{
url: url,
onSubmit: function(){
return $(this).form('validate');
},
success: function(result){
var result = eval('('+result+')');
if (result.success){
$('#dlg').dialog('close'); // close the dialog
$('#dg').datagrid('reload'); // reload the user data
} else {
$.messager.show({
title: 'Erro',
msg: result.msg
});
}
}
});
}
function removeUser(){
var row = $('#dg').datagrid('getSelected');
if (row){
$.messager.confirm('Confirmação','Tem certeza que deseja remover o Cadastro?',function®{
if ®{
$.post('remover_user.php',{id:row.id},function(result){
if (result.success){
$('#dg').datagrid('reload'); // reload the user data
} else {
$.messager.show({ // show error message
title: 'Error',
msg: result.msg
});
}
},'json');
}
});
}
}
</script>
</head>
<body>
<h2> CADASTRO DE USUARIO </h2>
<div class="demo-info" style="margin-bottom:10px">
<div class="demo-tip icon-tip"> </div>
<div>Clique na opção desejada na barra de ferramentas.</div>
</div>
<table id="dg" title="Listagem" class="easyui-datagrid" style="width:1200px;height:380px"
url="pegar_user.php"
toolbar="#toolbar" pagination="true"
rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="usernome" width="110">Nome</th>
<th field="useremail" width="110">E-mail</th>
<th field="userlogin" width="80">Login</th>
<th field="passlogin" width="50">Senha</th>
<th field="userativo" width="30">Ativo</th>
</tr>
</thead>
</table>
<div id="toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()" title="Click para adicionar um novo cadastro">Novo</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()" title="Selecione o cadastro que deseja alterar e click no botão Editar">Editar</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeUser()" title="Selecione o cadastro que deseja excluir e click no botão Excluir">Excluir</a>
</div>
<div id="dlg" class="easyui-dialog" style="width:800px;height:300px;padding:10px 20px"
closed="true" buttons="#dlg-buttons">
<div class="ftitle">Dados do Cadastro</div>
<form id="fm" method="post" novalidate>
<div class="fitem">
<label>Nome completo:</label>
<input name="usernome" class="easyui-validatebox" required="true" style="width:580px;height:15px">
</div>
<div class="fitem">
<label>E-mail:</label>
<input name="useremail" class="easyui-validatebox" validType="email" required="true"style="width:580px;height:15px">
</div>
<div class="fitem">
<label>Login:</label>
<input name="userlogin"class="easyui-validatebox" required="true"style="width:180px;height:15px">
</div>
<div class="fitem">
<label>Senha:</label>
<input name="passlogin" class="easyui-validatebox" required="true"style="width:100px;height:15px">
</div>
<div class="fitem">
<label>Ativo:</label>
<input name="userativo" class="easyui-validatebox" required="true"style="width:50px;height:15px">
</div>
</form>
</div>
<div id="dlg-buttons">
<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">Salvar</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Cancelar</a>
</div>
</body>
</html>
<html>
<body>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var now = new Date();
var mName = now.getMonth() +1 ;
var dName = now.getDay() +1;
var dayNr = now.getDate();
var yearNr=now.getYear();
if(dName==1) {Day = "Domingo";}
if(dName==2) {Day = "Segunda-feira";}
if(dName==3) {Day = "Terça-feira";}
if(dName==4) {Day = "Quarta-feira";}
if(dName==5) {Day = "Quinta-feira";}
if(dName==6) {Day = "Sexta-feira";}
if(dName==7) {Day = "Sábado";}
if(mName==1){Month = "Janeiro";}
if(mName==2){Month = "Fevereiro";}
if(mName==3){Month = "Março";}
if(mName==4){Month = "Abril";}
if(mName==5){Month = "Maio";}
if(mName==6){Month = "Junho";}
if(mName==7){Month = "Julho";}
if(mName==8){Month = "Agosto";}
if(mName==9){Month = "Setembro";}
if(mName==10){Month = "Outubro";}
if(mName==11){Month = "Novembro";}
if(mName==12){Month = "Dezembro";}
if(yearNr < 2000) {Year = 1900 + yearNr;}
else {Year = yearNr;}
var todaysDate =(" " + Day + ", " + dayNr + " de " + Month + " de " + Year);
document.write(' '+todaysDate);
//-->
</SCRIPT>
<SPAN ID="Clock">00:00:00</SPAN>
<SCRIPT LANGUAGE="JavaScript">
<!--
var Elem = document.getElementById("Clock");
function Horario(){
var Hoje = new Date();
var Horas = Hoje.getHours();
if(Horas < 10){
Horas = "0"+Horas;
}
var Minutos = Hoje.getMinutes();
if(Minutos < 10){
Minutos = "0"+Minutos;
}
var Segundos = Hoje.getSeconds();
if(Segundos < 10){
Segundos = "0"+Segundos;
}
Elem.innerHTML = Horas+":"+Minutos+":"+Segundos;
}
window.setInterval("Horario()",1000);
//-->
</SCRIPT>
aguardo ancioso uma ajuda. :)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito