← UI & UX Design

Background ajustar automaticamente

Lida 11403 vezes

Offline

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Boas

Tenho uma duvida! Gostaria de saber como é que é possivel colocar um background de forma a que ele se ajuste automaticamente à tela do ultilizador.
Exemplo:

http://personals.aol.com/
O background: http://o.aolcdn.com/os/personals/img/background_main.jpg (1700px × 1388px) como é evidente, ele ajusta-se à tela do utilizador... Como é possivel fazer isso?

Cumps
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Como assim, ajusta-se a tela do utilizador?
Offline

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Se abrires o background, ele tem tamanho (1700px × 1388px) ou seja... se aparecesse assim no site... ia ficar cortado, certo? Porque é demasiado grande.
No entanto, no site, a imagem aparece "inteira". Ou seja ela encolheu para aparecer totalmente, correcto?

Eu quero saber, como se pode fazer isso...
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

A imagem do site não aparece inteira! Repara bem! Apenas tá centrado o bg.
Offline

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

não...

Ela é redimensionada
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Aqui não tá nada redimencionado...
Offline

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Não aparece assim:



???
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Ya! Olha repara bem lá outra vez... LOL Tá cortada pah!

Isso já deve ser o sono! xD
Offline

anjo2 
Membro
Mensagens 3020 Gostos 0
Troféus totais: 31
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Realmente, a mim repete porque a imagem é demasiado pequena, o background está é centrado. Posso tirar printscreen como prova que não redimensiona. A melhor solução é usares uma imagem grande (2000px na horizontal) que fique bem tanto em 1024, como em 1920 (Full HD)
Offline

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Sim, realmente ele não se redimensiona, no entanto sei que é possivel. O exemplo que dei é que estava mal xD

Sorry !
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Sim, realmente ele não se redimensiona, no entanto sei que é possivel. O exemplo que dei é que estava mal xD

Sorry !

Deve ser possível com javascript, mas isso iria redimensionar a imagem e ficar mal.