Como montar esse layout

[sr.silva 1]

Pessoal,

 

A imagem abaixo é o "esqueleto" do layout.

 

A idéia é: A imagem em vermelho é o fundo, até aqui ok!

 

O grande problema e a parte roxa. Ela tem esse formato(lógico que mais perfeito :blink: ) e vai mudar de acordo com as páginas em questão.

 

Exemplo:

Se tiver acessando página de contato - terá uma imagem de fundo relativa a contatos(cartas,telefones..etc..)

 

 

Mais como fazer, já que a parte roxa tem sombras nas laterais e etc... :unsure:

 

Será que expliquei correto?

 

[brcontainer 16]

deixa ver se entendi você quer usar a parte vermelha como mascara e na parte roxa vai o plano de fundo que representa a página??

 

O bom nesse caso seria fazer a parte vermelha com um PNG e posiciona-la por cima do plano de fundo que representa a página atual:

 

tipo:

html,body{
width:100%;
height:100%;
}

#fundoA{
background: transparent url("img/fundo_cartas.jpg") no-repeat;
}
#fundoB{
width:830px;
background: transparent url("img/froxo.png") no-repeat;
}
#conteiner{
width:740px;
margin: 0 auto;
}

[programador php 0]

altera a imagem de fundo via javascript..

 

defina a imagem via CSS com a propriedade

 

 

background: ;

e altere-a de acordo com a página!

 

 

abraço

[sr.silva 1]

Ok ;) Grande silver!!

 

Seguinte, pra economia de tópico resolvi postar outra dúvida aqui.

 

Coisa simples.

 

------

 

Como podem ver nos tópicos que crio, os layout que faço, utilizo sempre #DIV, respeitando lógico questão

de utilização de tags html e etc...

 

O caso é. E correto utilizar #DIV pra montar a estrutura do site? Ou devo trabalhar mais com as tags html?

 

Exemplo:

 

<div id="geral">
	<div id="fundo"> </div>
</div>

E por ae vai...nesse caso está certo ou devo utilizar outras tags...?

[brcontainer 16]

não entendi bem a pergunta poderia ser mais claro o que você quer dizer com #DIV

 

por acaso equivale a isso:

<div id="DIV"><div>

???

 

falow abraço ;)

[programador php 0]

creio que você deve saber que o HTML tem diversas Tags

 

o correto é usar cada um para um aplicação

 

por exemplo, para montar um layout, o correto é Div

 

para dados tabulares tabelas

 

para titulos h1, h2, h3, h4, h5, h6

 

num se deve fazer tudo com DIV

 

tem que usar os elements corretos para cada situação

 

 

abraço

[sr.silva 1]

Não silverfox!! Como o programador disse.

 

Agradeço. Sempre fiquei como esse tipo de dúvida na estruturação do layout.

 

;) até a próxima dúvida!!