Inserir topo, base e menu em página PHP
Oi pessoal, gostaria de uma ajuda para inserir nesta página:
http://gustavosiriojr.kavala.uni5.net/galeria_ajax/
Topo (include com imagem do Topo)
Base (include com imagem da Base)
Menu (include com script de Menu)
Pelo pouco que entendi esta página é montada por um CSS...
Vou postar o código da index.php e da css principal...
INDEX.PHP
<?
include("include/conexao.php");
$sql = mysql_query("SELECT * FROM evento ORDER BY idevento DESC");
?><!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Galeria de Fotos</title>
<link media="screen" rel="stylesheet" type="text/css" href="css/principal.css" />
<script language="javascript" type="text/javascript">
function abreGaleria(pasta, evento){
janela = window.open("album.php?pasta="+pasta+"&evento="+evento, "Geleria", "width=650, height=400, top=0, left=0, scrollbars=no, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no");
}
</script>
</head>
<body>
<div id="tudo">
<?
while($s = mysql_fetch_array($sql)){
?>
<div id="exibe">
<div id="imagem">
<a href="java script:void(0);" onclick="abreGaleria('<?=$s["pasta"]?>', '<?=$s["evento"]?>');" title="<?=$s["evento"]?>" class="imagens"><img src="include/mini.php?img=../galerias/<?=$s["pasta"]?>/<?=$s["foto"]?>&width=120&height=90" width="120" height="90" /></a>
</div>
<div id="descricao">
<p><span>Evento:</span> <?=$s["evento"]?><p>
<p><span>Data:</span> <?=$s["data"]?></p>
<p><span></span></p>
</div>
</div>
<? } ?>
</div>
</body>
</html>PRINCIPAL.CSS
/ CSS Document /
* {
padding: 0;
margin: 0;
list-style: none;
text-decoration: none;
font-family: "Trechebut MS", Arial, Helvetica, sans-serif;
border: none;
}body {
background: #EEE url(../img/fundotela.gif) repeat-y top;
text-align: center;
}body {
background: #EEE url(../img/topo.jpg) repeat-y top;
text-align: center;
}
#tudo {
margin: 0 auto;
width: 770px;
height: 440px;
text-align: left;
}
#exibe {
float: left;
margin: 10px 18px;
background: url(../img/tela.gif) no-repeat;
width: 150px;
height: 170px;
}
#imagem {
width: 128px;
height: 98px;
margin-top: 14px;
margin-left: 12px;
}#imagem a img {
border: 3px solid #FFF;
}#imagem a:hover img {
border: 3px solid #99CC00;
}
#descricao {
padding: 0 12px;
font-size: 10px;
}#descricao span {
color: #006699;
font-weight:bold;
}
#rodape {
font-size: 12px;
}Discussão (7)
Carregando comentários...