Background-image

[PatrickPC 0]

Pessoal,

 

Estou precisando de ajustar a imagem desse background de acordo para cada tipo de resolução usada pelos usuários.

Usei a imagem com resolução de 1280x694 e em alguns computadores a imagem ficou cortada.

oo site é: www.slunnbrazil.com.br

 

Me passaram este site: http://css-tricks.co...ckground-image/

 

Porem não consegui incluir os codigos no site, alguem poderia me ajudar?

 

 

Aguardo contato.

 

Att.

Patrickpc

[Gabriel Jacinto 74]

Use Media Queries, que adapta seu site pro tamanho de tela que você quiser, utilizando CSS3.

Mais informções:

• Site oficial: :seta: Media Queries
  
• Como usar: :seta: CSS3 Media Queries
  

Tem até um Hangout feito pelo João Batista Neto, Leonardo Alberto Souza e outros sobre Aplicações web com design responsivo que fala sobre Media Queries:

Meu exemplo:

/* Se sua resolução for 1280x694 */
@media screen and (max-width: 1280px) {
 body {
   background: url('imagens/bg-1280-694.jpg');
 }
}

/* Se sua resolução for 1024x768 */
@media screen and (max-width: 1024px) {
 body {
   background: url('imagens/bg-1024-768.jpg');
 }
}

/* E assim por diante */