Ir para conteúdo

Arquivado

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

Binhofa

Site redimensionavel (sem perda de qualidade)

Por , em Desenvolvimento frontend

Recommended Posts

Binhofa    0

Binhofa
Postado

Olá pessoal, bom dia.

 

No link abaixo, percebe-se que o site foi feito em HTML e com alguns ítens em flash. Reparem que quando se restaura/maximiza o site, ele respeita o tamanho do browser. Em outras palavras, você coloca o tamanho que for que a imagem do cabeçalho(por exemplo) redimensiona junto e não perde a qualidade, além do site sempre ficar centralizado.

 

Como fazer isso em HTML sem ter feito no flash?

 

O link é: http://www.mirabellanoivas.com.br/

 

Desde ja agradeço e fico no aguardo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

Corta a imagem assim como esta fazendo não é possível com html não, tavez com javascript mas nao tenho conhecimento se da mesmo pra fazer.

 

Se tópico foi para tirar esta dúvida ou para avaliar?

 

se foi para tirar a dúvida me informe para eu mover para o local adequado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Binhofa    0

Binhofa
Postado

Ola Joao, seria para tirar dúvidas mesmo. O site nao é meu. Gostaria apenas de fazer esta redimensao igual a este site em questão.

 

Continuo no aguardo. Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

você coloca o tamanho que for que a imagem do cabeçalho(por exemplo) redimensiona junto e não perde a qualidade, além do site sempre ficar centralizado.

 

cara, isso é html+css puro.

 

resolvido com a coisa mais básica do mundo:

-> aplicar o background, no elemento <body>

 

só isso.

 

não acontece nenhum resize.

a imagem do cabeçalho simplesmente não perde qualidade, pois nada acontece com ela.

 

é apenas um simples e básico:

body {
   background: url('img/fundo.jpg') center top;
}
nada mais.

 

Nenhum javascript nisso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Binhofa    0

Binhofa
Postado

Ola Willian, ainda estou com dúvidas. Apliquei este codigo na minha pagina html, mas nada aconteceu. O que estou fazendo de errado?

 

O codigo que estou tentando é:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nova pagina 1</title>
</head>

<body>

{background: url('img/fundo.jpg') center top;}


</body>

</html>

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Nova pagina 1</title>

<style type="text/css">

body {

background: url('img/fundo.jpg') center top;

}

</style>

</head>

<body>

 

 

 

 

</body>

</html>

procure estudar.. isso é o 'básico' de css

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