Ir ao conteúdo
  • Cadastre-se

LandingPage - HTML + Php


Gonzallez

Posts recomendados

Fala galera,

 

Sou leigo em HTML mas estou precisando muito fazer uma LandingPage pro meu Facebook. Já Peguei o script PhP e o código HTML de formulário. Mas o que quero fazer é colocar isso "dentro" de uma imagem.

 

Tenho aqui uma imagem com os campos "Nome", "E-mail", "Cidade" etc. Como colocar cada parte do formulário certinho nesses respectivos lugares da imagem? Tenho no meu PC o DreamWeaver CC.

 

Obrigado!

Link para o comentário
Compartilhar em outros sites

  • Moderador

Olá,

Tirando fora o dreamweaver, você pode criar uma div do tamanho da sua imagem e deixe a imagem como background.. depois posicione com position absolute os elementos nos seus respectivos lugares...  e setando o background do elemento como transparent.

 

Particularmente, eu não gosto de fazer desse jeito.

Link para o comentário
Compartilhar em outros sites

  • Moderador

Tutorial eu não tenho um específico... mas tenho um exemplo:

 

http://jsfiddle.net/6fL49/

 

É tudo questão de CSS e posicionamento sob a imagem.

 

O que posso fazer por você é, indicar para você ler sobre css, os atributos:

 

position, width, height, background, class.

 

um bom lugar para ler é: http://www.w3schools.com/css/

 

 

ps: eu aconselharia você a não utilizar essa maneira... pois a imagem pode ser pesada para carregar. se o seu formulário for simples como o exemplo.. você pode refazer ele sem a imagem só usando css...  como fundo em degradê, estilização dos campos e botões.

Link para o comentário
Compartilhar em outros sites

  • Membro VIP

@difMas só para eu entender. Vou usar só CSS, desse modo eu abro um documento em branco do tipo CSS no DreamWeaver ou você recomenda outro editor?

Até o edit do DOS (Windows + R -> cmd -> edit) é melhor que o Dreamweaver. Existem melhores opções no mercado. Não conheço nenhum editor especifico de CSS, mas tenho certeza que o seguinte link poderá lhe ajudar:

http://designmodo.com/css-editors/

 

Com recomendação para o Notepad++ por ser multiuso e bem leve..

Link para o comentário
Compartilhar em outros sites

Arquivado

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

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades 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

×
×
  • Criar novo...