Ir para conteúdo
Entre para seguir isso  
Iskandar

Altura e largura da tela

Recommended Posts

Boa tarde iMasters, eu gostaria de saber como faço pra definir a altura de uma DIV pra ser exatamente a altura da tela do visitante. Minha ideia é utilizar essa div como logo/capa do site e o restante do site ficaria abaixo.

 

Seria algo do tipo... assim que o usuário abre lá está a logo/capa, daí teria um botão "Ir para o Site" que ao clicar fazia a página rolar até o fim da capa/começo do conteúdo do site.

 

É isso, espero que dê pra entender.

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa tarde iMasters, eu gostaria de saber como faço pra definir a altura de uma DIV pra ser exatamente a altura da tela do visitante. Minha ideia é utilizar essa div como logo/capa do site e o restante do site ficaria abaixo.

 

Seria algo do tipo... assim que o usuário abre lá está a logo/capa, daí teria um botão "Ir para o Site" que ao clicar fazia a página rolar até o fim da capa/começo do conteúdo do site.

 

É isso, espero que dê pra entender.

Obrigado.

Utilize height:100%...

A imagem incorpore como background dessa div...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Use a unidade de medida CSS vh para definir a altura do DIV.
Assim:

div.capa {
 width: 100%;
 height: 100vh;
 background-image: url(imagem.png);
 background-size: cover;
​} 

Veja a solução em: http://codepen.io/Maujor/pen/yJeyex

 

-----------------------------------------------------------------------------------------

 

1-) Tutorial sobre unidades de medidas CSS em http://maujor.com/tutorial/unidades-de-medidas-css.php

2-) Tutorial sobre a propriedade CSS background: http://maujor.com/tutorial/propriedade-css-para-estilizacao-de-background.php

  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Nusssss o Maujor

 

Cara, comecei a me interessar por desenvolvimento web vendo teus tutoriais, há alguns anos atrás. Eu ia pra lan house, abria um site qualquer e ficava editando o CSS testando as coisas. Eu sempre me irritava porque quando dava F5 as edições que eu fazia eram desfeitas haha

 

Muito prazer, obrigado pela atenção.

--

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

  • Conteúdo Similar

    • Por luisdiascb
      ola pessoal eu queria por exemplo, eu tenho + de 4 mil visitas por dia no site mas nem todos dão um click para eu ganhar eu uso PoPADS.NET e por isso eles tende clicar.....
      Queria algo que podece usar no codigo index ou nas postagens dentro de uma div ou algo parecido e que automaticamente daria um click dentro da pagina em qualquer lugar para abrir o anuncio....
    • Por luisdiascb
      ola pessoal eu queria por exemplo, eu tenho + de 4 mil visitas por dia no site mas nem todos dão um click para eu ganhar eu uso PoPADS.NET e por isso eles tende clicar.....
      Queria algo que podece usar no codigo index ou nas postagens dentro de uma div ou algo parecido e que automaticamente daria um click dentro da pagina em qualquer lugar para abrir o anuncio....
    • Por PeeWee
      Boa noite pessoal, preciso fazer com que seja carregado somente a informação dentro de uma determinada div, pois ela deve atualizar quando for alterada a informação no BD. Carregar a pagina inteira a cada 5 segundos seria ruim pois provavelmente o usuário estranharia, fiz da seguinte forma, conforme os prints.
       
      Deu certo, porém a informação foi alterada a  partir da alteração feita no banco de dados, porém, dentro da div, apareceu outra página igual, gerando duplicidade sobreposta.
      Aguardo sugestões.


    • Por jomarcoelho
      Numa banco de dados tem 1 tabela com lançamentos gerais de todos os produtos e todos os meses
       
      Tabela de Producao - Geral   ID Produto Quantidade Data 1 Sebo 1000 12/11/2018 2 Canela 2000 12/11/2018 1 Sebo 2000 13/11/2018 3 Osso 100 13/11/2018 1 Sebo 2000 10/10/2018 2 Canela 1000 09/09/2018 2 Canela 1000 09/09/2018 3 Osso 1000 10/10/2018 1 Sebo 1500 20/09/2018 4 Orelha 3000 18/10/2018 1 Sebo 4000 11/10/2018 3 Osso 1200 01/10/2018  

      Qual a consulta correta para extrair a produção total de cada produto dentro do mes.
      Puxando numa so tabela o total “por produto”, dentro do mes.

      Assim:
       
      Tabela de Producao - Setembro Canela 2000   Sebo 1500  
       
      Tabela de Producao - Outubro Sebo 6000   Osso 2200   Orelha 3000  
       
      Tabela de Producao -Novembro Sebo 3000   Canela 2000   Osso 100  
       
    • Por jomarcoelho
      Numa banco de dados tem 1 tabela com lançamentos gerais de todos os produtos e todos os meses
       
      Tabela de Producao - Geral   ID Produto Quantidade Data 1 Sebo 1000 12/11/2018 2 Canela 2000 12/11/2018 1 Sebo 2000 13/11/2018 3 Osso 100 13/11/2018 1 Sebo 2000 10/10/2018 2 Canela 1000 09/09/2018 2 Canela 1000 09/09/2018 3 Osso 1000 10/10/2018 1 Sebo 1500 20/09/2018 4 Orelha 3000 18/10/2018 1 Sebo 4000 11/10/2018 3 Osso 1200 01/10/2018  

      Qual a consulta correta para extrair a produção total de cada produto dentro do mes.
      Puxando numa so tabela o total “por produto”, dentro do mes.

      Assim:
       
      Tabela de Producao - Setembro Canela 2000   Sebo 1500  
       
      Tabela de Producao - Outubro Sebo 6000   Osso 2200   Orelha 3000  
       
      Tabela de Producao -Novembro Sebo 3000   Canela 2000   Osso 100  
       
×

Informação importante

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