Ir para conteúdo

POWERED BY:

Arquivado

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

beherit

background redimensionavel

Por , em Desenvolvimento frontend

Recommended Posts

beherit    0

beherit
Postado

ola,talvez até ja tenham postado esse topico,mas não consegui me dar bem com o buscador do site,e to meio atrasado,

portando se ja tiver esse topico pode me passar o link,que eu agradeço,

 

é assim,

eu fiz uma imagem de 1300x1200,(não releve o tamanho)

e gostaria de colocar de background no dream,mas que se redimensione,conforme a resolução do monitor,de 1024 até 1600,

tem como fazer essa façanha,ou tenho que fazer um site elastico mesmo

 

obs:a imagem,não é só de cor solida,

até mais

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kaue Machado    0

Kaue Machado
Postado

Das duas uma:

1) CSS3: body{ background: url(imagem.ext) center center fixed 100%;

 

2) CSS:

- aplique os estilos no body e html:

 

html, body{

width: 100%

height: 100%

margin: 0;

padding: 0;

 

- agora crie uma tag div (ou img, mas deve ficar ruim com img) com a classe "fundo" dentro da tag "body":

<body>

<div class="fundo"></div>

<div id="conteudo">

conteudo

</div>

</body>

 

- agora aplique o estilo a classe "fundo":

.fundo{

width: 100%;

height: 100%;

padding: 0;

margin: 0;

position: absolute;

display: block;

z-index: -1;

background: url(imagem.ext) center center fixed;

}

 

 

 

 

Sinceramente não testei pra saber se dá certo, só digitei, mas na teoria da certo sim.

 

E é claro que se você usa a interface grafica do DW e não tiver noções de programação html/css isso não vai te ajudar. Infelizmente eu trabalho com notepad++ então não conheço bem o DW...

Compartilhar este post

Link para o post
Compartilhar em outros sites

beherit    0

beherit
Postado

ai kauã,valeu pela dica,eu copie esse codigo que voce me passou,e acho que até domingo vou testar,pra ver como é que fica

valeu,até mais!

 

ai,desculpa a demora pra responde,mas aconteceu bastante coisa

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