Ir ao conteúdo
  • Cadastre-se
JorgeSouza

Página html single page com menu e background

Recommended Posts

Olá.

 

Eu gostaria de ter este página em HTML, mas não estou conseguindo fazer.

 

É o seguinte, quero apenas a parte que aparece na tela mesmo, apenas isso.

 

Teria como fazer ?

 

Aqui o site para ver a página inteira

 

Parte que eu quero: http://imgur.com/wuOPiQp

Compartilhar este post


Link para o post
Compartilhar em outros sites

@JorgeSouza Olá, seja mais específico por favor..

Você quer desenvolver um site igual ao mencionado?

Se sim, poste as suas tentativas. o que tentou fazer, o que imagina que pode ser feito.. e etc

 

Explique com detalhes o seu objetivo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@dif Realmente é um pouco complicado explicar, mas vou tentar melhorar isso aí. Não quero a página inteira não!

 

Olhe esta imagem -> http://imgur.com/wuOPiQp

 

Quero apenas isto mesmo, sem scroll sem nada, quero apenas um background com os menus e mais nada! "Simple Page".

 

Aqui a tentativa: http://pastebin.com/zQebHsi1

 

Praticamente peguei pronta. Montei algumas coisas apenas, mas nada além disso!

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@JorgeSouza Entendi, mas não é por aí que se começa amigo.

O primeiro erro foi pegar um código pronto  sem saber.

Basicamente você vai criar sua página definir os estilos css e as estruturas e só. 

Já que não quer fazer sem os scroll,, 

O lance é bem simples.   Crie a estrutura com o menu e manipule os estilos pelo CSS

Compartilhar este post


Link para o post
Compartilhar em outros sites

@dif Talvez eu consigo fazer esse lance de colocar o background, mas o que me complica são os textos bem certinhos, o botão que tem ali no meio e os menus. Isso aí eu não vou conseguir desenvolver.

 

Por isso preciso de ajuda.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@JorgeSouza Não tem muito mistério.

Para facilitar o desenvolvimento podes usar o bootstrap mesmo. tudo que você tem a fazer é entrar no site deles e ler a documentação e entender como funciona. 

Basicamente o bootstrap permite você criar estes botões, centralizar e posicionar de forma simples apenas usando classes CSS.

 

Uma dica: desenhe no papel, o esboço do seu site, depois tente reproduzir-lo  no photoshop. depois que tiver a arte conceitual, você pode aplicar no css..  para ficar 100% igual. 

 

O botão ali nada mais é do que um elemento DIV ou outro elemento qualquer como um <p>  por exemplo.

 

Se quiser pode seguir este modelo:

<html>
  <head>
    <tittle>Nome da página</tittle>
     aqui dentro de head você chama os arquivos CSS 
  </head>  
  <body>
       <section class="parte_do_menu">
          
       </section>
    
       <section class="parte_do_texto">
       </section>
    
    <p class="botão"> </p> 
  </body>
  Aqui você chama os javascript se precisar.
</html>  

Claro que no class, você altera os nomes eu só coloquei assim para você entender

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





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×