Fundo fullscreen no site
:unsure:
PrezadoS amigoS, tenho acompanhado OS artigos que são muito importantes como direção aos novos conceitos de CSS, mas tentei fazer uma aplicação aqui usando no fundo do site fotos que mudam em sequencia e não consegui. Tem algo estranho, elas abrem uma em cima da outra e não expandem no fundo da tela.
VI ESTE EFEITO SENDO USADO AQUI NESTE SITE:
É algum outro tipo de efeito?
O que podeM me sugerir usar?
Cordialmente,
Fernando
eSQUECI DE POSTAR O CÓDIGO!!!
<!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>GAI</title>
<link href="css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="image-transition.js"></script>
<script type="text/javascript" src="dropdowntabs.js"></script>
<link rel="stylesheet" type="text/css" href="halfmoontabs.css" />
</head>
<body>
<div id="image-container">
<img src="_imgs/1.jpg" class="full-screen-background-image">
<img src="_imgs/2.jpg" class="full-screen-background-image" />
<img src="_imgs/3.jpg" class="full-screen-background-image" />
</div>
<div id="topo">
<div id="topoConteudo">
<div id="moonmenu">
<table width="1000" align="center" class="geralBranco"><tr>
<td><a href="index.php"><img src="_imgs/logo.png" width="191" height="72" border="0" /></a></td>
<td width="100" align="center"><a href="index.php" style='color:#141ace;'>HOME</a></td>
<td width="10" align="center">|</td>
<td width="100" align="center"><a href="empresa.php" >EMPRESA</a></td>
<td width="10" align="center">|</td>
<td width="100" align="center"><a href="javascript:;" rel="dropmenu1_e" >PRODUTOS</a></td>
<td width="10" align="center">|</td>
<td width="100" align="center"><a href="qualidade.php" >QUALIDADE</a></td>
<td width="10" align="center">|</td>
<td width="100" align="center"><a href="portfolio.php" >PORTFOLIO</a></td>
<td width="10" align="center">|</td>
<td width="100" align="center"><a href="contato.php" >CONTATO</a></td>
</tr></table>
</div></div></div>
<div style="height:600px;"><div id="conteudo">
<div class="clear"></div>
</div></div>
<table align="center" class="rodape" width="1000">
<tbody>
<tr>
<td align="left" width="430">
<span style="font-size: 18px"><span style="color: rgb(255,255,255)"><strong>GAI BLOCOS DE CONCRETO</strong><br />
Rua Delegado Bruno de Almeida – 5581 – Campo de Santana – Curitiba – PR <br />
<strong>41 3265-6919</strong></span></span></td>
<td align="middle">
<img src="/ckfinder/userfiles/images/selo.jpg" style="width: 51px; height: 75px" /></td>
<td align="right" width="430">
</td>
</tr>
</tbody>
</table>
<div id='dropmenu1_e' class='dropmenudiv_e' style='margin-left: -12px;width: 103px;'>
<img src="_imgs/linha.png" width="100%" height="2" vspace="5" />
<a href='produtos.php?categoria=1'>AGREGADOS</a>
<img src="_imgs/linha.png" width="100%" height="2" vspace="5" />
<a href='produtos.php?categoria=2'>BLOCOS</a>
<img src="_imgs/linha.png" width="100%" height="2" vspace="5" />
<a href='produtos.php?categoria=3'>PAVIMENTAÇÃO</a>
<img src="_imgs/linha.png" width="100%" height="2" vspace="5" />
</div>
<div id='dropmenu2_e' class='dropmenudiv_e' style='margin-left: -12px;width: 103px;'>
<img src="_imgs/linha.png" width="100%" height="2" vspace="5" />
<a href='portfolio.php?categoria=1'>AGREGADOS</a>
<img src="_imgs/linha.png" width="100%" height="2" vspace="5" />
<a href='portfolio.php?categoria=2'>BLOCOS</a>
<img src="_imgs/linha.png" width="100%" height="2" vspace="5" />
<a href='portfolio.php?categoria=3'>PAVIMENTAÇÃO</a>
<img src="_imgs/linha.png" width="100%" height="2" vspace="5" />
</div>
<script type="text/javascript">//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("moonmenu", 3)
</script>
</body>
</html>Discussão (1)
Carregando comentários...