Ir para conteúdo

POWERED BY:

Arquivado

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

criacaoi7

Inserir topo, base e menu em página PHP

Por , em PHP

Recommended Posts

criacaoi7    0

criacaoi7
Postado

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">
<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;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

criacaoi7    0

criacaoi7
Postado

Você pode usar include ou require. Basta colocar essas funções no local onde seus conteúdos deverão aparecer.

Beraldo pode me dar um exemplo de como devo fazer?

 

Obrigado.

 

Jr.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Beraldo    864

Beraldo
Postado

No seu código há um exemplo:

PHP
include("include/conexao.php");

 

 

Basta colocar o nome do arquivo desejado:

PHP
include("topo.php");

 

Você pode incluir arquivos com qualquer extensão: php, html etc.

Compartilhar este post

Link para o post
Compartilhar em outros sites

thathatha    0

thathatha
Postado

É só você colocar na odem que você quer que apareça, exemplo:

 

include ("topo.php");

include ("menu.php");

Conteúdo do site

include ("base.php");

Nesses arquivos (topo.php etc) você coloca o conteúdo e define configurações no css.

Compartilhar este post

Link para o post
Compartilhar em outros sites

criacaoi7    0

criacaoi7
Postado

Beraldo e ThaThaTha, usei include e deu certo com o topo e a base... vejam no link:

 

Veja o site como está agora.

 

O que eu não consegui acertar foi o menu... não consegui deixar ele apenas do lado esquerdo da página, vejam no link que ele está aparecendo de forma errada.

 

Gostaria de que alguém me ajudasse a resolver isso...

 

Veja abaixo o código de como está agora a página:

 

<?
include("include/conexao.php");
include ("include/topo.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">
<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>
<?
include ("include/menu.php");
?>
<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>
<?
include ("include/base.php");
?>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Beraldo    864

Beraldo
Postado

Monte a página toda num único arquivo e estilize da forma desejada. Somente depois de ter a página pronta, separe-a em outros arquivos, para usar o include(). Assim você consegue estruturar tudo com mais facilidade e clareza.

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