Script: Menu com marcação com CSS e PHP | André Buzzo
contato@andrebuzzo.com.br | (11) 9-8551-3500 | facebook | skype:andrebuzzowebdesign

Script: Menu com marcação com CSS e PHP

Publicado na categoria Banco de Scripts com 6.047 visualizações e nenhum comentário …

Banco de Scripts - Menu com marcação com CSS e PHP - André Buzzo Webdesign

estilos.css


@charset "utf-8";
/* CSS Document */

ul#navegacao {
margin:0;
padding:0;
float:left;
width:960px;
list-style:none;
}

ul#navegacao li {
float:left;
margin:0;
padding:0;
}

/* -- CSS Sprites - Estilo Default */

ul#navegacao a {
float:left;
display:block;
height:75px;
text-indent:-99999px;
background-position: left top;
}

/*CSS Sprites - Estado Hover*/

ul#navegacao a:hover {
background-position: left -75px;
}

/*Assegurar que a imagem será apresentada em todos os links*/

ul#navegacao li.home a {
background-image:url(../imagens/home.jpg);
width:104px;
}
ul#navegacao li.quem-sou a {
background-image:url(../imagens/quem-sou.jpg);
width:124px;
}
ul#navegacao li.portifolio a {
background-image:url(../imagens/portifolio.jpg);
width:132px;
}
ul#navegacao li.servicos a {
background-image:url(../imagens/servicos.jpg);
width:124px;
}
ul#navegacao li.noticias a {
background-image:url(../imagens/noticias.jpg);
width:118px;
}
ul#navegacao li.representantes a {
background-image:url(../imagens/representantes.jpg);
width:178px;
}
ul#navegacao li.contato a {
background-image:url(../imagens/contato.jpg);
width:156px;
}

/*Fixando o menu para exibição de cor diferente em páginas diferentes*/

#home li.home a,
#quem-sou li.quem-sou a,
#portifolio li.portifolio a,
#servicos li.servicos a,
#noticias li.noticias a,
#representantes li.representantes a,
#contato li.contato a {
background-position: left bottom;
}

index.php

<?php require "funcao/funcao.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" />
<title>Marcação de Páginas - CSS</title>
<link href="css/estilo.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body  id="<?php echo $pagina ?>">
<ul id="navegacao">
<li class="home"><a href="home">Home</a></li>
<li class="quem-sou"><a href="quem-sou">Quem Sou</a></li>
<li class="portifolio"><a href="portifolio">Portifólio</a></li>
<li class="servicos"><a href="servicos">Serviços</a></li>
<li class="noticias"><a href="noticias">Noticias</a></li>
<li class="representantes"><a href="representantes">Representantes</a></li>    
<li class="fale-conosco"><a href="fale-conosco">Fale Conosco</a></li>
</ul>

<br /><br /><br /><br />
<hr />
<br />
<?php
require ("{$pasta}/{$pagina}.php");
?>
</body>
</html>

funcao.php


<?php
$atual 		= (isset($_GET['pg'])) ? $_GET['pg'] : 'home';
$pasta     = 'arquivos';
$permissao = array();

foreach(glob("$pasta/*.php") as $k){

$file = str_replace("$pasta/", '', $k);
$file = str_replace(".php", '',$file);

$permissao[] = $file;
}

if (substr_count($atual, '/') > 0) {
$atual = explode('/', $atual);
$pagina = (file_exists("{$pasta}/".$atual[0].'.php') && in_array($atual[0], $permissao)) ? $atual[0] : 'erro';
}	
else {
$pagina = (file_exists("{$pasta}/".$atual.'.php') && in_array($atual, $permissao)) ? $atual : 'erro';
}
?>

.htaccess

    
ErrorDocument 404 /arquivos/erro.php
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?pg=$1

Voltar à página anterior!