Ir para conteúdo

POWERED BY:

Arquivado

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

betezek

Fundo fullscreen no site

Por , em Desenvolvimento frontend

Recommended Posts

betezek    0

betezek
Postado

: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:

http://www.gai.com.br/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>

Compartilhar este post

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

Informação importante

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

  Aceito