Jump to content

  2. →
  3. →

Photo

Background Não Muda, Independe Da Resoluçã

Started By Kamus Brazil, 20/05/2003, 18:47

  • Faça o login para participar
16 replies to this topic

#1 Kamus Brazil

Kamus Brazil

    Novato no fórum

  • Usuários
  • 9 posts
  • Sexo:Não informado

Posted 20/05/2003, 18:47

Qual código que me possibilita fazer com que o background fique o mesmo independentemente da resolução?

Obrigado!

#2 Robocop

Robocop

    Normal

  • Usuários
  • 72 posts
  • Sexo:Não informado
  • Interesses:Mulheres!!!

Posted 20/05/2003, 19:13

Eu acho que isso não existe, pq eu tb já tentei fazer em minha página.

A menos que seja algo novo, aí eu tb queo aprender...
Robocop - Programado pra Jogar Sinuca!

#3 Kamus Brazil

Kamus Brazil

    Novato no fórum

  • Usuários
  • 9 posts
  • Sexo:Não informado

Posted 20/05/2003, 19:19

Existe sim. É um comando .<div>.
Alguém por favor?
:rolleyes:

#4 Pirucask8

Pirucask8

    SouzaColen

  • Usuários
  • 1925 posts
  • Sexo:Não informado
  • Localidade:São Paulo - Capital !!

Posted 21/05/2003, 00:32

você quer dizer em tamanho???? coloca nas tabelas as medidas em porcentagem....

uma oura solução é fazer o site para se adequar perfeitamente à resolução 800x600...

se ficar do jeito que vc quer nessa.. com certea fica igual na 1024x768...

B)
Matheus Colen

Escabroso Produções

#5 Robocop

Robocop

    Normal

  • Usuários
  • 72 posts
  • Sexo:Não informado
  • Interesses:Mulheres!!!

Posted 21/05/2003, 07:20

você quer dizer em tamanho???? coloca nas tabelas as medidas em porcentagem....

uma oura solução é fazer o site para se adequar perfeitamente à resolução 800x600...

se ficar do jeito que vc quer nessa.. com certea fica igual na 1024x768...

B)

Eu acho que não é isso q ele está querendo.

Pelo que eu entendi ele quer que o backgorund fique do mesmo tamanho que a tela. Ou seja, que ele fique colado nas laterais, independente da resolução, e com porcentagem isso não funciona.
Robocop - Programado pra Jogar Sinuca!

#6 Pirucask8

Pirucask8

    SouzaColen

  • Usuários
  • 1925 posts
  • Sexo:Não informado
  • Localidade:São Paulo - Capital !!

Posted 21/05/2003, 12:37

claro que funciona cara...

faz as medidas das tabelas em porcentagem que elas sempre irão ficar do tamanho da tela...

mas se vc tiver uma imagem de fundo..na tabela.. ela vai ser cortada.. (se a resolução for menor) ou vai repetir (se a resolução for maior)....
B)
Matheus Colen

Escabroso Produções

#7 Unidade__X

Unidade__X

    12 Horas

  • Usuários
  • 193 posts
  • Sexo:Não informado

Posted 21/05/2003, 14:06

ta mais não é como imagem de fundo não..

<body>
<div id="layer1" style="position:absolute; left:0; top:0; z-index:-1">
<img src=imagem.jpg" width="783" height="465" border="0">
</div>

e o restante codigo................


ou ainda utilizar um script pra auto-dimencionar a imagem:

<body>
<script language="JavaScript" type="text/javascript">
<!--
largura=(screen.width*780)/800;
altura=(screen.height*465)/600;
document.write("<div id='layer1' style='position:absolute; left:0; top:0; z-index:-1'><img src='imagem.jpg' width='"+largura+"' height='"+altura+"' border='0'><\/div>>");
//-->
</script>

O trabalho é minha benção.
A conciência é meu guia.
A paz é meu abrigo.
A dificuldade é meu estímulo.
O adversário é meu instrutor.
O passado minha advertência.
O presente minha realidade.
O futuro minha promessa.
A perfeição é meu destino!!

#8 Unidade__X

Unidade__X

    12 Horas

  • Usuários
  • 193 posts
  • Sexo:Não informado

Posted 21/05/2003, 14:11

Tem essa ,
salve a imagem no tamanho maximo possivel 1500 x1200 porque depois se ela for aumentar naõ perder a qualidade, tipo se vc fizer uma imagem 800 x600 o cara usar 1024 x 768 fica feio distorcido.
esse código tambem não é para ""Fundo"" e sim Imagem normal.

<body bgcolor="#000000">

<p align="center">
<img border="0" src="../../../index%20xxx.jpg" align="middle" width="100%" height="100%"></p>

</bod>

flw
O trabalho é minha benção.
A conciência é meu guia.
A paz é meu abrigo.
A dificuldade é meu estímulo.
O adversário é meu instrutor.
O passado minha advertência.
O presente minha realidade.
O futuro minha promessa.
A perfeição é meu destino!!

#9 diego.rodriguez

diego.rodriguez

    Hey Ho Let's Go!

  • Usuários
  • 497 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte | MG
  • Interesses:.: programação<br />.: fotografia<br />.: PHP<br />.: punk rock/hc<br />.: games<br />.: brahma

Posted 21/05/2003, 14:42

eu n testei esse codigo, mas vc vai fazer uma imagem de 1500x1200?
diego.rodriguez

www.diegorodriguez.com.br - site pessoal
www.yapagencia.com.br - yap´

#10 Pirucask8

Pirucask8

    SouzaColen

  • Usuários
  • 1925 posts
  • Sexo:Não informado
  • Localidade:São Paulo - Capital !!

Posted 21/05/2003, 17:16

se eu quiser colocar uma imagem de fundo nesse esquema então é só por dentro do DIV com o zalign 0.. e por o resto do código .. com as tabelas e tal dentro de outro DIV com zindex 1.. ????

desse jeito essa imagem que se autoredimensiona ia ficar como plano de fundo não?? B)
Matheus Colen

Escabroso Produções

#11 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 22/05/2003, 01:11

se eu quiser colocar uma imagem de fundo nesse esquema então é só por dentro do DIV com o zalign 0.. e por o resto do código .. com as tabelas e tal dentro de outro DIV com zindex 1.. ????

desse jeito essa imagem que se autoredimensiona ia ficar como plano de fundo não?? B)

Teoricamente sim..

Mas tenta fazer ae.. ;)

Ah, e outra coisa, uma imagem de 1500x1200 é muito grande, logo, muito pesada, ou seja, vai demorar um tempão pra carregar essa imagem..

Acho que é bom pensar se realmente vale a pena fazer isso.. ;)

Fui.. :P
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
chinello at gmail dot com

System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38

#12 Pirucask8

Pirucask8

    SouzaColen

  • Usuários
  • 1925 posts
  • Sexo:Não informado
  • Localidade:São Paulo - Capital !!

Posted 22/05/2003, 13:35

testei..
funciona sim !! :)
Matheus Colen

Escabroso Produções

#13 Kamus Brazil

Kamus Brazil

    Novato no fórum

  • Usuários
  • 9 posts
  • Sexo:Não informado

Posted 25/05/2003, 02:55

Ichi, aqui não funcionou...
A imagem não adequou-se (é assim que se escreve) à tela.

:angry:

#14 jeanpaulo5

jeanpaulo5

    ....

  • Usuários
  • 189 posts
  • Sexo:Não informado
  • Localidade:Rj - Rio de Janeiro

Posted 25/05/2003, 23:24

A solução que eu tenho é a mais trabalhosa....
fazer dois sites(um pra cada resolução)!!!!

Eu atualmente esto testando isso, sendo que o fundo é uma imagem, e ainda tenho um menu em div, então tive que fazer duas imagens(800x600 e 1024x768) e ainda mudar o código da minha div
ufa!!!

Aproveitando essa minha explicação eu pergunto: tem como fazer que dependo da resolução eu leia um arquivo css diferente

Exemplo:

Se largura = 800 e altura = 600 então
<link rel="stylesheet" type="text/css" href="800x600.css">
se não
<link rel="stylesheet" type="text/css" href="1024x768.css">


algo assim....

#15 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 26/05/2003, 01:33

A solução que eu tenho é a mais trabalhosa....
fazer dois sites(um pra cada resolução)!!!!

Eu atualmente esto testando isso, sendo que o fundo é uma imagem, e ainda tenho um menu em div, então tive que fazer duas imagens(800x600 e 1024x768) e ainda mudar o código da minha div
ufa!!!

Aproveitando essa minha explicação eu pergunto: tem como fazer que dependo da resolução eu leia um arquivo css diferente

Exemplo:

Se largura = 800 e altura = 600 então
<link rel="stylesheet" type="text/css" href="800x600.css">
se não
<link rel="stylesheet" type="text/css" href="1024x768.css">


algo assim....

Vixe.. Naum dá naum..

Só se vc fizesse duas páginas diferentes, uma para cada resolução.. Ai, na index vc pega a resolução e redirecionava para a página da resolução correspondente, onde seria chamado o CSS correto..

Ex.: página: index.htm

<html><head>
<script>
h = screen.height;
  if(h==600) {
      location.href='pagina_800x600.htm'
  } else {
      location.href='pagina_1024x768.htm'
  }
</script>
</head><body></body></html>

Aí, nas página correspondentes, vc coloca o esqueminha pra chamar o CSS...

Acho que só assim.. B)

Fui.. :P
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
chinello at gmail dot com

System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq