Ir para conteúdo

POWERED BY:

Arquivado

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

tombe

Duas imagens no Background

Recommended Posts

<_<

Olá pessoal

Estou com uma dúvida, referente a uso de imagens em Background

Com o uso de 1 imagem no Background, tudo bem, mas como faço para ter em uma pagina 2 imagens no Background, uma no lado esquerdo e outra do lado direito .

 

Olha so esta pagina

http://www.privilegenet.com.br/privilege/home.php

 

Ficaria muito grato pela ajuda de vocês.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com a sua ajuda vi que só existe uma imagem de fundo, neste caso usei um código para centralizar o backgraund. e funcionou perfeitamente .

 

<style>

body {

background-image: url("fundo.jpg");

background-repeat: no-repeat;

background-position: center;

}

</style>

 

Mas seria possivel eu mover só a página ex: temos uma pagina de 800x 900. então neste caso só iria mover a pagina e o fundo continuaria estável.

Olhe esta página como exemplo:

http://www.privilegenet.com.br/privilege/home.php

 

Fiz uma vasta pesquisa em livros e também em fóruns más não achei algo que me ajudasse, fica ria grato pela ajuda de vocês.

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com a sua ajuda vi que só existe uma imagem de fundo, neste caso usei um código para centralizar o backgraund. e funcionou perfeitamente .

 

<style>

body {

background-image: url("fundo.jpg");

background-repeat: no-repeat;

background-position: center;

}

</style>

 

Mas seria possivel eu mover só a página ex: temos uma pagina de 800x 900. então neste caso só iria mover a pagina e o fundo continuaria estável.

Olhe esta página como exemplo:

http://www.privilegenet.com.br/privilege/home.php

 

Fiz uma vasta pesquisa em livros e também em fóruns más não achei algo que me ajudasse, fica ria grato pela ajuda de vocês.

 

Obrigado

Olha ai tombe,

 

te passar algumas dicas sobre o background..

 

background-color:

 

código hexadecimal: #FFFFFF

código rgb: rgb(255,235,0)

nome da cor: red, blue, green...etc

transparente: transparent

 

background-image:

 

URL: url(caminho/imagem.gif)

 

background-repeat:

 

não repete: no-repeat

repete vertical e horizontal: repeat

repete vertical: repeat-y

repete horizontal: repeat-x

 

background-attachment:

 

imagem fixa na tela: fixed

imagem "rola" com a tela: scroll

 

background-position:

 

x-pos y-pos

x-% y-%

top left

top center

top right

center left

center center

center right

bottom left

bottom center

bottom right

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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