17/06/2009 - 14:32 > 16.357 Visualizações > 148 comentários

Tableless – Criando e Estilizando Formulário

Salve Amigos do Mxmasters, David CHC, em mais uma video aula de tableless. Nessa video aula iremos aprender a criar um formulário e estilizá-lo com CSS. Essa video será dividida em 2 partes, a primeira parte, como já foi dito, será estilização do formulário, e a segunda parte será como enviar formulário com PHP

Tenham uma boa Video aula.

2º Parte da aula

: http://www.videoaulasbrasil.com.br/php/enviar-e-mail-com-php/

Posts relacionados

David CHC

Trabalha como free-lance em desenvolvimentos de sites,desde o projeto completo à parte do projeto. Tem conhecimentos em Padrões Web( xhtml, css), javascript( jquery), php, mysql , (iniciando no python e ruby também), photoshop, fireworks, corel draw, enfim, um eterno aprendiz...

Outros posts deste autor

Este autor atualmente possui 38 posts

Veja todos os posts de David CHC

Comentários / Deixe seu Comentário

148 respostas para 'Tableless – Criando e Estilizando Formulário'

Marco Túlio Lemmi Diz:
17/06/09 às 15:07
Muitooo bom felipe!
como sempre…

a cada post o site fica mais show!
Rafael Avlis Diz:
17/06/09 às 15:31
ai David como sempre show!!!

parabens!!!
Gabriel de Faria Corrêa Diz:
17/06/09 às 15:35
Muito bom! Está de parabéns! Vai me ajudar muito!
Leandro Santos Diz:
17/06/09 às 15:48
Cara show de bola, muito massa essa aula, acho que todo muito tem dúvidas sobre criar um formulário.

Parabéns pela vídeo aula!!!
Julio Diz:
17/06/09 às 17:12
Parabens David,

Era isso mesmo que eu estava precisando.
Tu está arrebentando. Muito massa!

Obrigado por compartilhar seu profissionalismo
com a comunidade.

Abraço!
Anderson Farias Diz:
17/06/09 às 17:47
Excelente aula David! Fiz exatamente como na video aula e ficou td certinho, a única coisa que ficou diferente aqui e nem sei pq é que quando visualizado o formulário no iexplorer 8 e no próprio dreamweaver ficou com o tamanho menor que os outros campos mesmo eu usando todos os códigos exatamente igual ao seu. No Firefox ficou perfeito porém pra corrigir esse problema que citei no iexplorer tive que usar a tag textarea no css especificando o widht em 255 assim como esta na tag input.

É ISSO AI! PARABÉNS PELA VIDEO AULA E CONTINUE SEMPRE ASSIM! ABRAÇO!!
joao vitor Sousa Diz:
17/06/09 às 19:32
cara muito bom gostei muito estou muito ancioso para a 2ª parte, estou descobrindo muita cooisa sobre tableless principalmente sobre css,

a 2ª parte vai demorar muito ??
ieoaioeiaoeaeio ‘

vlw.
Rodrigo Martinelli - Bom Jesus dos Perdões / Sp Diz:
17/06/09 às 20:39
legal David !!!, me ajudo bastante essa video !
tava precisando dar uma melhorada aki mesmo !
simples e objetico show de bola!
Leonardo Tavares Diz:
17/06/09 às 21:09
David como sempre você esta de parabéns!
Suas aulas estão sendo muito importantes…
Abraço.
Jarbas Diz:
17/06/09 às 21:26
Muito bom cara, aula excelente. Está de parabéns.
Thiago Diz:
17/06/09 às 21:38
Oi David CHC, simplesmente adorei esta sua vídeo aula, porém tenho uma dúvida: gostaria de saber como devo proceder para colocar uma opção de inserir um Browse para que o usuário possa Upload seus arquivos, como foto e documentos.
Abraços e meus parabéns!
Rogério Nunes Diz:
17/06/09 às 22:21
Uma iniciativa digna de louvores. Parabéns pelo desprendimento de disseminar conhecimentos na web.
andrei Diz:
18/06/09 às 1:42
brother muito boa sua vídeo aula e como sempre muito bem explicada,ultimamente eu tenho feito muitos formulários e tb formatando em css,várias dúvidas estão sendo sanadas aqui no mx masters,vlw a tds ai do mx….abçs
David CHC Diz:
18/06/09 às 8:17
joao vitor Sousa, a 2ª parte já está pronta, daqui a pouco ela já estará no site.

Thiago, vc teria que definir dos atributos , o primeiro seria enctype, q iria informa que vc está enviando um arquivo. O segundo seria no campo input, só q tipo file. Veja a video aula de sistema de upload, q ensino com enviar varios arquivos: http://www.mxmasters.com.br/php/php-desenvolvendo-um-sistema-de-uploads/
Juarez Silva Diz:
18/06/09 às 9:19
Olá David tudo bem?
Você poderia fazer uma video-aula de sistema de busca no site em php?
Parabéns pelas ótimas video-aulas do MX.
Abraço
Hudson Diz:
18/06/09 às 11:04
Como sempre ótima video aula…
bem explicada…
parabéns!
Cristiano Fetter Diz:
18/06/09 às 11:28
Aeee David CHC, muito obrigado por atender meu pedido!! A video aula foi muito útil!!

Não sei se fui o único a pedir uma video aula sobre formulário em tableless, mas agradeço muito por ter sido atendido, abraços a todos!!
Sergio Araujo - SP Diz:
18/06/09 às 12:23
Fala David blz…

Realmente espantosa essa video aula, servi realmente para aprender a fazerformularios sem precisar usar tabelas.

Parabens por compartilhar seus conhecimentos com a galera do MxMasters.

Estarei aguardando pela complementação dessa video.

Abraços
Victor Diz:
18/06/09 às 13:25
Nuss David tah que tah nas video aulas em \o
continua assim que todo mundo agradece ; )
Video aula muito boa pra quem tah querendo aprender CSS.

Abraços.
Felipe Piava Diz:
18/06/09 às 15:02
Pow muito bom, vou começar adotar essa maneira, bem melhor que colocar o formulario dentro de tabela. Parabéns, aguardo ancioso pela segunda-parte!
Ricardo Marangoni Diz:
18/06/09 às 19:13
Showw Arrasou!!
Júlio César Diz:
18/06/09 às 23:59
Kra só posso te dar parabéns!
mto bom mesmo..
abraço
Luiz Gomes Diz:
19/06/09 às 2:16
Aula magnifica, a simplicidade como a aula flui é impressionante, show, parabéns.
Gabriel de Alencar Rodrigues Diz:
19/06/09 às 4:30
Parabens pela video aula nota 10 !
eddyj Diz:
19/06/09 às 18:59
muuuuuuito bom mesmo,,
voçês estão de parabéns..

fiquem com DEUS,,
UM ABRAÇO
Gustavo Henrique Quinalha Diz:
19/06/09 às 19:25
Nossa cara você é de mais… resolveu todas as minhas dúvidas que eu tinha! muto obrigado!

Abraços cara.
Hurry Diz:
19/06/09 às 23:56
Show no comments
Italo Bruno Diz:
20/06/09 às 9:09
Otima video aula, tão boa quanto as do Felipe Cardoso, segui todas dele e agora tb seguirei as suas, fico muito feliz de ver pessoas como vcs que dedicam tempo a nos ensinar.

Bom, tenho uma dúvida! estou desenvolvendo um site e no meu a direita do conteudo tem um formulario pra newsletter e um para enquete o W3 nao esta validando a e eu preciso de declarar esse atributo para uma função jv que valida os formularios se puder me dar uma dica…
pablo Diz:
20/06/09 às 13:22
muito bom mas uma informaçao..porfavor..se puder ajuda..e que tipo.esto usando o progama..antenna 2.7 e nele..mesmo se fas formulario..mas tipo..como posso..faserum formulario..pra ele so pos visitantes..envia..para meu email;;tipo
nome
email
link de foto
escrever
espero resposta..
Paulo Jorge Diz:
22/06/09 às 0:26
Obaaaaaaa ja algum tempo que ando pra saber como se fazia um formulario, agora aprendi como fazer e como estelizar em css.
Muinto legalll, parabens
Espero ver muintas mais video aulas de voce David
mais uma vez parabens
Abracos pra voce David e pra todos que estao e ja comentarao.
David CHC Diz:
22/06/09 às 17:30
Italo Bruno, q tipo de atributo q vc tá declarando nos formulários? Se possivel, publica seu formulário do forum para gente tentar dá um jeito e ver pq não tá validando.

pablo, a video aula de como enviar email com php, já foi feita, ainda será publicada. É só aguardar um pouco.

Vlw galera por todos os comentários.

abrs.
Leonam Diz:
23/06/09 às 15:03
Olá David, muito boa a video aula. Excelent!!!

queria aproveitar a oportunidade e tirar uma dúvida… é possível estilizar através de CSS o atributo ALT das tags img???

abraços!
David CHC Diz:
23/06/09 às 18:25
Leonam, o alt da img, é uma mensagem alternativa caso não apareça a imagem, ou tbm pra pessoas q tem deficiencia visual, por isso é importante a utilização do alt. Vc quer fazer é tooltip, isso vc pode fazer com o Jquery, dá uma olhada http://jquery.bassistance.de/tooltip/demo/
Dá pra fazer tbm com apenas CSS, mas creio q com Jquery vc tem mais possibilidade.
Carlos Neto Diz:
23/06/09 às 19:59
Sua video aula está exlente, mas demora muito para atualizar. estou desenvolvendo um blog,
e estou esperando para terminar o formulário.
David CHC Diz:
26/06/09 às 8:43
Carlos Neto, a demora da atualização o Felipe Cardoso já explicou em um comunicado, é interessante vc dá uma olhada. O script da segunda parte já está disponivel no Forum do Mxmasters: http://www.mxmasters.com.br/comunidade/viewtopic.php?f=50&t=1901
Felipe Fernandes Diz:
26/06/09 às 14:33
POXA AMIGOS DO MXMASTERS, EU SEMPRE FUI LOUCO PARA APRENDER PROGRAMAR EM PHP, BAIXEI APOSTILAS, COMPREI REVISTAS MAS NUNCA CONSEGUI ASCIMILAR O PHP…

ASSISTI ESSA VIDEO AULA E AGORA ESTOU POR DENTRO DO PHP ( NÃO QUE EU SAIBA MUITO ) MAS POSSO DIZER QUE APRENDI E AGORA VOU ME APERFEIÇOAR…

VALEW… MUITO SHOW
Rafael Rolim Diz:
26/06/09 às 23:15
David, você disse que pra ter paciência com a continuação do tutorial. Certo! Estou muito ansioso, pois FINALMENTE alguém explicou isso direito. Se tiver uma previsão de quando vai estar no ar a próxima video aula…
Um abraço, parabéns pelo talento e muito obrigado, está ajudando muito.
Ricardo Politi Diz:
28/06/09 às 8:35
Aula chave David para min, só falta aprender este php pois preciso configura-lo para receber e-mail.
Estou aprendendo muito com vcs e Maujor um ótimo site obrigado e que deus te ilumine muito.
Felipe Cardozo Diz:
29/06/09 às 6:59
Rafael. A continuidade desse tutorial estará no VAB
Gláucio Cayuella Diz:
30/06/09 às 19:48
Parabéns brother que deus te abençoe a cada dia , são de pessoas como você que o nosso pais precisa se cada um ajuda-se ao próximo nosso mundo seria melhor ,obrigado por compartilhar seus conhecimentos conosco e de forma gratuita .
Luis Diz:
1/07/09 às 10:58
Muito boa mesmo a video aula, mas como que você formataria no css um formulário mais completo com vários campos um na frente do outro?
David CHC Diz:
3/07/09 às 18:12
@Gláucio Cayuella, obrigado. A segunda parte da Video aula, de como enviar com PHP, estará disponivel (04/07) na VAB (www.videoaulasbrasil.com.br)
David CHC Diz:
3/07/09 às 18:18
@Luis, basta vc atribuir class para os labels, e assim definir a largura e usar o float para os elementos flutuarem para esquerda ou para direita.
Matheus Almeida Diz:
4/07/09 às 0:35
David, Muito Bom…parabéns… tinha uma duvida sobre isso… aguardaremos a segunda parte… como disse o Obama para o Lula: This is the Mam( este é o cara)rsrs Flw
Fernando Ferreira Diz:
4/07/09 às 4:01
Primeiro quero agradecer tanto ao David quanto ao Felipe pelas grandes video-aulas,estão ajudanto muito,
Bom David,gostaria de saber como colocar input type=”radio” com nomes ao lado,por exemplo:
Sexo:
*(seria o input type radio) masculino * feminino

Vaaleeu,
Boa Noite a todos!
David CHC Diz:
4/07/09 às 8:24
@Fernando Ferreira, você atribui um class no label, e depois definir uma largura e usar no css o float:
Gustavo Diz:
7/07/09 às 21:18
VIDEO NAO ESTA MAIS FUNCIONANDO CARAS!!!
David CHC Diz:
7/07/09 às 21:41
@Gustavo, tente limpar o cache do seu navegador. Se vc estiver usando Internet Explorer basta vc apertar CTRL + F5, caso esteja usando o Firefox, vá em Ferramentas > Opções > Avançado. Escolha a Aba Rede, clique em Limpar agora. Veja se isso resolve.
As novas video aulas estão na VAB (www.videoaulasbrasil.com.br)
Rafael Rolim Diz:
10/07/09 às 11:39
Olá David, estou com um probleminha no qual não encontro solução. Já assisti a video aula de como enviar email em PHP e fiz tudo certo, mas coloquei no ar e quando você entra na página da erro. olha ai: http://www.wlinck.com.br/index-6.html

Se você conseguir me ajudar, desde já, agradeço muito!
David CHC Diz:
10/07/09 às 11:56
@Rafael Rolim, a pagina tem q ser em php para fazer a ação. Tendo problema com a video aula Enviar email com PHP, peço q comente na video aula (http://www.videoaulasbrasil.com.br/php/enviar-e-mail-com-php/, assim fica melhor te ajudar, e tbm vc pode ver as duvidas de outras pessoas podendo te ajudar.)
Adelil de Mello Alves dos Santos Diz:
13/07/09 às 1:56
Rapaz essa video aula é tudo de bom!!!!Mas eu tenho uma duvida ,como colocar esse divino e salvador formulario dentro do contexto do site feito em html ?Obs com essa resposta e a segunda aula hummm….a minha ideia se transformara em realidade.Desde já muito obrigado.
David CHC Diz:
13/07/09 às 8:43
@Adelil, está parado o css do html para ficar mais facil vc colocar ele em seu site. Basta colocar o conteudo do formulário no local que vc destinou ao formulário, e depois chama o css da maneira q faça para seu site
Felipe Ercílio Martins Diz:
14/07/09 às 13:09
parabens
arlington Diz:
16/07/09 às 20:37
A video aula de continuidade la do VAB, nao esta funcionando, teria como postar outra, claro se nao for pedir muito…

Obrigado
David CHC Diz:
16/07/09 às 20:48
@arlington, tente limpar o cache do seu navegador. Se vc estiver usando Internet Explorer basta vc apertar CTRL + F5, caso esteja usando o Firefox, vá em Ferramentas > Opções > Avançado. Escolha a Aba Rede, clique em Limpar Agora. Veja se isso resolve. Se não resolveu, informe qual a video aula que você não está conseguindo acessar. Peço que informe lá no VAB assim fica mais fácil.
Arlington Diz:
17/07/09 às 1:18
Resolveu meu problema, valeu pela dica David e continue sempre assim, elaborando otimas video aulas para nos…

Parabéns!!!
Oscar Luiz Diz:
19/07/09 às 15:10
Não entendo porque peço para abrir o arquivo php e o servidor pede para fazer download do arquivo ao invés de abrir ele…
David CHC Diz:
19/07/09 às 16:41
@Oscar Luiz, vc tem o apache e php instalado na sua máquina?
Césa Riva Diz:
29/07/09 às 13:11
Sensacional a aula, me ajudou bastante. Gostaria de saber se já foi postado a segunda parte desta aula, de como enviar usando php.
Desde já agradeço.

Abraços
Marcelo Deny Diz:
29/07/09 às 14:42
felipe como eu faço um video de entrada igual esse seu faz uma video aula ensinando isso e me avisa por email
David CHC Diz:
29/07/09 às 14:45
@Césa Riva, já existe a segunda da parte sim, e está no VAB (http://www.videoaulasbrasil.com.br/php/enviar-e-mail-com-php/), todas as novas video aulas estão sendo publicadas no VAB, inclusive tem varias video aulas novas no VAB
Flavio Diz:
31/07/09 às 16:41
Simplesmente FANTÁSTICA essa vídeo aula…..

Parabéns!
vinicius Diz:
3/08/09 às 17:13
valeu mesmo cara…
ajudou muito…

Parabéns!!
Joaniz Abrantes Diz:
5/09/09 às 15:38
Muito boa a vídeo aula.

Você e toda a equipe estão de parabéns por nos ensinar todas essas técnicas maravilhosas.

Grande abraço
Bruno neves Diz:
7/09/09 às 18:52
òtima vídeo aula david, agradeço a equipe do mxmasters pelo presente, sucesso pra vocês sempre…
Gabriel Diz:
11/09/09 às 1:16
Bom Felipe, segui todos os passos, tudo certinho, mas na hora do css o formulário não fica direito nem a pau. Quando visualiza ele, nada do css é aplicado. Help-Me !
Ricardo Almeida Diz:
14/09/09 às 18:13
Muitooo boa a aula!
Excelente didática…. Show mesmo….
Como sempre nota 10!!

Parabéns..

Abraços
David CHC Diz:
18/09/09 às 10:54
@Gabriel, verifique os nomes se vc colocou certinho, caso duvida pegue o script no forum do Mxmasters, está na descrição da video aula, e confira com seus códigos. Na maioria dos casos, o erro é de digitação na hora de implementar o css

Só uma aviso para que for Comentar.

No Mxmasters não está tendo atualização de video aulas, isso pq temos o Video Aulas Brasil onde as video aulas estão sendo publicadas, está tendo uma variedade enorme de temas no Video Aulas Brasil, q tenho certeza irá agradar a todos. Então, caso for perguntar alguma coisa sobre as video aulas, peço que façam no Video Aulas Brasil (http://www.videoaulasbrasil.com.br), pq o tempo de resposta será menor. Eu darei prioridade apenas os comentários do Video Aulas Brasil, pq vai fica mais fácil e rápido de responder.

Agradeço a Compreensão de Todos
David CHC – Administrador do Video Aulas Brasil
Fabricio Diz:
27/09/09 às 18:13
Boa David ,acompanhei algumas aulas suas ,e alem de vc mandar mto bem nesses assuntos ,vc ainda explica super bem ,vlw ae meu bom..

e queria q vc me esclarecesse uma coisa ,tem como vc faserum tutozinho básico sobre essa forma q vc trabalha com tableless ,no tipo eu soh sei trabalhar ,baseado nas aulas do Felipe ,no caso é .. Declarando id’s (#) e com class (.) mais vc ,tipo vc trabalha sem declarar as classes e os ids ,nao sei como mais se vc pudesse me explicar ficaria feliz ,pq eu acho mais facil do jeito q vc trabalha , Obrigado desde ja .. Ótima video aula!
Helen Simões Diz:
1/10/09 às 14:35
Olá, amigo!

Cadê o restante do tutorial???

Abraços
David CHC Diz:
3/10/09 às 11:04
@Fabricio, eu não declarei nenhum id ou class, pq não precisava nesse caso, pq o é um formulário. Caso eu tivesse outros formulário, e com configurações diferentes, vc usaria o id para identifica-lo

O id vc coloca com o elemento será unica na sua página, como topo, rodape, pq só terá um topo e um rodape na página. Não pode ter dois id na mesma pagina com o mesmo nome.

Oclass vc usa quando vc quer colocar grupos de elementos com a mesma configuração, exemplo,vc criar um site com box de produtos, esses box terão a mesma configuração, logo vc usará o class. O class vc pode repetir na página

Não deixe de acompanhar as aulas do Video Aulas Brasil
David CHC Diz:
3/10/09 às 11:33
@Helen Simões, está no Vídeo AUlas Brasil: http://www.videoaulasbrasil.com.br/php/enviar-e-mail-com-php/
Oscaralho Diz:
4/10/09 às 16:20
Serial, muito bom se desse para eu assistir
David CHC Diz:
4/10/09 às 16:29
@Oscaralhot, tente limpar o cache do seu navegador. Se vc estiver usando Internet Explorer basta vc apertar CTRL + F5, caso esteja usando o Firefox, vá em Ferramentas > Opções > Avançado. Escolha a Aba Rede, clique em Limpar agora. Veja se isso resolve.
Paulinho Neto Diz:
5/10/09 às 15:47
Muito boa a video aula ,bem ditadica brevemente o http://www.tecnologiaweb.com.br estará no ar,Valew!!!
David CHC Diz:
5/10/09 às 15:53
Obrigado @Paulinho, e não deixe de visitar o VAB (http://www.videoaulasbrasil.com.br), que contem a continuação dessa vídeo aulas, entre outras.
Samuel Diz:
6/10/09 às 22:38
Muito boa a video aula… parabéns!

http://www.sorteiodemobis.com.br/
Pierro Rosa Diz:
8/10/09 às 12:41
Olá David sua video aula foi simplismente fantastica, meus parabens. estou ancioso pela proxima, será que demora muito ainda para postar no site?
Espero resposta
Ate breve
abço
David CHC Diz:
8/10/09 às 15:01
@Pierro, as vídeo aulas agora estão sendo publicadas no Vídeo Aulas Brasil – http://www.videoaulasbrasil.com.br/, o Mxmasters, não está sendo atualizado, mas todas as vídeo aulas estão indo para o VAB, estamos colocando 1 vídeo por dia. Inclusive a continuação dessa video aula, ensinando como a enviar por e-mail do formulário.
Bruno Diz:
8/10/09 às 22:45
I ae David blz cara?
pow 3 coisas ver com tigo
1° Mano tu manda muito bem!!!
2°O que aconteceu com o Alvaro Gomides?
Pow só falta experiencia + p/ idade dele mandava muito bem! como ele sumiu queria saber se ele esta bem.
3°Por ultimo deixar uma sugestão de video aula sobre tooltip vlw, t+ fiquem com deus.
David CHC Diz:
9/10/09 às 10:48
@Bruno, pelo que sei, ele parou de enviar vídeo aulas, não sei qual foi o motivo. Mas caso ele queira enviar novas vídeo aula, basta enviar pelo VAB.
Vinicius Diz:
28/10/09 às 10:11
Bom Dia Galera…

Quando esta sendo enviado a nova video aula falando como configurar para o envio ?

Abraço
David CHC Diz:
28/10/09 às 11:44
@Vinicius, a segunda parte já foi publicado, sendo no VAB: http://www.videoaulasbrasil.com.br/php/enviar-e-mail-com-php/
GUILHERME Diz:
19/12/09 às 17:38
CADÊ A PARTE 2 DESSA AULA?
ESTOU NA ESPERA ;D
David CHC Diz:
19/12/09 às 17:46
@GUILHERME, aula foi publicada no VAB algum tempo – http://www.videoaulasbrasil.com.br/php/enviar-e-mail-com-php/
lucas Diz:
24/12/09 às 2:15
BOm Daivid, a minha duvida é a seguinte.Eu não tenho um servidor PHP, o que eu uso é free e não da suporte a programação.Neste caso, é possivel fazer um formulario simples, que envie nem que não seja para o meu e-mail, mas que eu receba e seja feito em HTML?

A sua segunda video-aula parece boa, mas para quem entende de PHP, quem não entende fica perdido…
Obrigado.

Outra duvida, o MX MASTERS acabou agora com a chegada do VAB?
David CHC Diz:
24/12/09 às 7:43
@lucas, para enviar um email, precisará de uma linguagem server-side, isso significa q rode no servidor, como php, asp, java, etc. Sem isso não tem como vc enviar. Existem hospedagens gratuitas q disponibilizam suporte ao PHP, não me vem nem em mente, pq a bastante tempo q não utilizo algum desse tipo.

Sobre a video aula de PHP, isso vai ser normal, se vc não tem noção nenhuma, vai sentir dificuldade mesmo, mas hoje em dia é fácil vc aprender, pq além do Mxmasters e VAB, tem outros sites com video aulas q podem te ajudar.

O Mxmasters não acabou, já está no a nova versão dele, está artigos, noticias, e video aulas tbm, irá ficar tanto o Mxmasters como o VAB.
Hugo Luiz Diz:
5/01/10 às 13:03
Showw! boa vídeo aula. Aprende quem não quer
fabio Diz:
9/01/10 às 19:01
o meu dream coloca a barrinha scroll no textarea como eu tiro ela?
David CHC Diz:
9/01/10 às 19:16
@fabio nunca se baseie pelo dreamweaver, sempre pelos navegadores, sua rederização sempre será diferente. Para remover o textarea, teria q declarar overflow:hidden no textarea
Renan Diz:
10/01/10 às 0:56
Gostei muito da video mais queria saber onde encontro a segunda parte da video.
David CHC Diz:
10/01/10 às 8:11
@Renan, aqui está a aula: http://www.videoaulasbrasil.com.br/php/enviar-e-mail-com-php/
Renan Diz:
10/01/10 às 23:50
Vlew DAVID gostei muito e finalmento posso para de procurar na net esse tipo de formulario… Muito bom
Lucas Diz:
12/01/10 às 10:03
ola david.Acabei de assitir a sua video-aula de php, eu sou o o lucas que postou logo ai em cima, no dia 24/12/19.Então, arrumei uma hospedagem php gratis, mas apesar de seguir fielmente a video-aula, alterando apenas os arquivos necessarios (o e-mail para eu receber), ele não da certo, a mensagem do javascript fica so dizendo preencha o campo nome, mesmo quando eu preencho ele continua…Como eu nao entendo nada de php, gostaria que se pudesse, desse uma olhada no meu site.

pagina do site do formulario:
http://www.ultravisionphp.megabyet.net/contato.php
valeu
valeu
David CHC Diz:
12/01/10 às 10:10
Para resgatar valores vc tem q colocar o mesmo name do formulário, no seu caso, o campo nome está assim:

[input type="text" name="Nome" /]

Então para resgatar no PHP, vc faria assim:

$nome = $_POST['Nome'];

E assim sucessivamente, tem q ser o mesmo nome do campo q vc quer resgatar.
Lucas Diz:
12/01/10 às 10:38
então, resolvi este pequeno erro, inclusive deixei exatamente igual ao seu agora, com excessão do nome da pagina, que é contato,php.
porém, ele valida tudo certinho, mas…quando clico em enviar, ele fala, a sua mensagem nao foi enviada.Desculpe perguntar de novo, ms o que pode estar acontecendo. (nao entendo absolutamente nada de php)?
Lucas Diz:
12/01/10 às 11:31
ola david.Agora arrumei aquele utro erro, ams fica falando, “nao foi enviado”.poderai dar uma olhada rapida para mim?

valeu
HENRIQUE Diz:
13/01/10 às 11:10
Olá amigos, voces tem me ajudado muito.

agora to precisando de uma mãozinha suas,
estou fazendo meu formulário de contato e preciso mudar a cor do fundo dos inputs como fasso exemplo, meu site tem imagens de cor roza e quero colocar o formulário da cor do fundo roza veja um exemplo do que quero.

http://www.ao5.com.br/contato.php

Obrigado.
David CHC Diz:
13/01/10 às 11:37
@HENRIQUE basta declarar no css e indicar o input:

label input{
background:’aqui vc define a cor’
}
Ricardo Diz:
14/01/10 às 9:07
Bela vídeo aula….eu que não que era uma negação em formularios…já sei me virar agora…muito obrigado e continuem com esse belo trabalho. valeu
Fabiano Q. Monte Diz:
15/01/10 às 19:00
David 3×0 pra você aprendi 3 coisas novas:
1 – A aula em si
2 – Como limpar os estilos com *{ margin: 0; padding: 0;}
3 – E o IETester, usava o Multiple IE mas deu pau no Vista e no 7

Nota 1.000 pra você
David CHC Diz:
15/01/10 às 19:57
@Fabiano, que ótimo que pode te ajudar. Vc pode simular o IE6 e IE7 com o IE8, usado FERRAMENTAS > FERRAMENTAS PARA DESENVOLVEDORES
luciano Diz:
20/01/10 às 9:49
muito bom mesmo, parabéns e muito obrigado.
Enviando E-mail Autenticado | MX Masters - Conhecimento a um clique Diz:
28/01/10 às 20:59
[...] Criando e Estilizando Formulário – http://www.mxmasters.com.br/tableless-css/tableless-criando-e-estilizando-formulario/ [...]
Israel Filgueira Diz:
1/02/10 às 21:20
irmãooooooo Sou muitoo gratoo a vocês … realmente vs’s estãoo revolucionandoo tudoo aquii…realmentee tou aprendendo muitoo com vs’s .. graças a isso… eu vou publicar meu primiero sitee e com conscieênciaa do que eu vou fazer e que seráa bem feeeeitoo .. por favor nãoo pareem esse projetooo e queriiaa se possiveel o email de alguem daai pra eu poder tirar algumas duvidas ! valw desde ja agradeço !
David CHC Diz:
1/02/10 às 21:25
@Israel a maneira mais fácil de vc tirar duvidas é pelos comentários, pq sempre estamos dando uma olhada pra não demorar nenhuma em responder. E com certeza não pararemos, queremos melhorar cada vez mais, colocando mais conteudo. E quando fizer o seu primeiro site, pode colocar nos comentários. caso não queira q ninguém veja é só avisa, q eu não libero para o pessoal olha.
Lucas Pedroni Diz:
3/02/10 às 16:15
Video Aula perfeita
David CHC Diz:
3/02/10 às 17:09
Vlw @Lucas Pedroni
Matheus Novais Diz:
4/02/10 às 22:27
olá David, continuo apanhando ao fazer o formulário.

Dessa vez fiz a página em .php, mas não funciona, a mensagem de erro é diferente agora, ou melhor, agora não acesso mais a página de contato… aparece essa mensagem quando clico no link

Parse error: syntax error, unexpected T_VARIABLE in E:\domains\caseanalitica.com.br\wwwroot\contato.php on line 5
PHP Parse error: syntax error, unexpected T_VARIABLE in E:\domains\caseanalitica.com.br\wwwroot\contato.php on line 5

O que pode ser?
Abraços
Fernando Diz:
15/02/10 às 1:47
Perfect ..
vai me ajudar pacas .. vlw David e toda equipe do MX Masters .. =D
Emerson Diz:
30/03/10 às 0:14
David, so uma duvida… a página index que vc cria o formulário, ela e PHP ou HTML?
David CHC Diz:
30/03/10 às 9:53
@Emerson, vc pode fazer em php, se vc quiser executa o envio no mesmo arquivo, se for em arquivo externo, vc pode salvar em html
Joao Gabriel Diz:
31/03/10 às 3:57
Cara Voce E de mais desse jeito posso virar um profisional da web aprndendo um monte com vc cara !!!! MUITO SHOW SUAS VIDEO AULAS VLWW!!
David CHC Diz:
31/03/10 às 8:39
Obrigado @Joao Gabriel.
alberto Diz:
6/04/10 às 23:42
saudações david, queria saber uma coisa, como faço um background com opacidade somente no objeto, nao na div inteira com css, exemplo, um menu css, qdo passa o mouse aparece o background, mas com opacidade de uns 70% por exmplo,espero que me ajude.
David CHC Diz:
7/04/10 às 14:51
@alberto, vc pode selecionar apenas objeto via css, e aplicar o efeito:

a{filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
a:hover{
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
alberto Diz:
7/04/10 às 17:48
david, fiz isso mas nao vejo a opacidade na background ao passar o mouse, veja o codigo inicial.html http://pastebin.com/spam.php?i=cWF1eQ85, e css http://pastebin.com/fLZ0rciK.
David CHC Diz:
7/04/10 às 20:02
@alberto, vc tem passar pelo anti-spam do pastebin, pra depois mandar o link
Luciano Amorim Diz:
22/04/10 às 14:49
David,

Grande aula, parabens a vc e a equipe que posta tantas dicas uteis, mas como uma sugestão que tal postar dicas de como resolver pequenos bugs css entre o IE e o FF, veja que sua video aula e fantastica mas no meu teste apresento comportamentos diferentes ao roda no ff e no ie como sabemos hj essa salada de browser’s so tem complicado a vida de quem trabalha com web sites.

Abraço
David CHC Diz:
22/04/10 às 15:08
Obrigado @Luciano Amorim. Talvez q pode ter mudado no formulário é em relação legend, q apresenta comportamentos diferente entre o FF e IE, a gente tem q levar em conta, se isso descaracteriza o q estamos fazendo, exemplo, se estamos criando algo com itens abaixo do outro, e em outro navegador ficar do lado, ai teve uma mudança radical. Caso contrario, pode deixar despercebido, mas sempre podemos recorrer comentarios condicionais para o IE, q no final das contas é o q dá mais trabalho, rs.

Me mostre a página q está o formulário, pra eu dá uma olhada.

Uma maneira de minimizar é usando CSS Reset, uma tecnica onde tenta igualar o comportamentos dos elementos entre os navegadores, uma bem conhecida é do asteristico para zerar a margin e o padding. E tbm tentar validar o xHTML, as vezes esquecemos um itens, e pode ocasionar erros entre os navegadores.
JULIO VIANA Diz:
23/04/10 às 19:03
muito mass… gosti
Nando Diz:
16/05/10 às 14:51
Olá a toda foi muito boa a vídeo aula no meu formulário dane um erro não consigo centralizar o formulário mesmo tendo esta istrução

form{
width:300px;
margin:0 auto;
background-color: #FFF;
}

Ele não mete o formulário ao centro alguém me podia dar alguma explicação porque e que isto aconteceu-me ou alguma solução obrigado abrasos
David CHC Diz:
16/05/10 às 17:15
@Nando, existe algum elemento anterior ou posterior ao formulário que esteja declarado como float?
Nando Diz:
16/05/10 às 18:01
CSS formatar um formolario

formolario de contacto:

nome:

email:

titolo:

mensagem:
Nando Diz:
16/05/10 às 18:28
David chc já consegui resolver o meu problema e sem saber porque criei um ficheiro novo e copiei o formulário e ai já deu tudo certinho eu penso que me faltava elementos e por isso não dava certo obrigado pela sua ajuda

PS: eu sei que isto não tem nada a ver com esta vidioaula mas tou a precisar de uma ajudinha e o seguinte eu criei duas divs e queria centralizar a segunda div na primeira só que eu não consigo centralizar essa box
box principal

#box-conteudo-left{
background-color:#CCC;
width:600px;
height:500px;
float:left;
}

box secundaria

#box-conteudo{
background:#FFF;
width:570px;
height:470px;
margin:0 auto;
text-align:center;
}
David CHC Diz:
16/05/10 às 18:51
@Nando, essa div está dentro da outra?
Nando Diz:
17/05/10 às 5:33
Sim

conteudo
David CHC Diz:
18/05/10 às 19:56
@Nando, coloca no pastebin.com essa estrutura, e css, e me passa o link para eu ter uma ideia melhor sobre o assunto.
Nando Diz:
19/05/10 às 7:18
aqui esta o link

http://pastebin.com/Zg0Y2k1p

eu juntei o css com o html para ser mais fasil de pasar

eu sem querer eliminei o outro ost
David CHC Diz:
23/05/10 às 18:59
@Nando, desculpa a demora, tô com problemas no PC. Então, no caso se vc quer colocar aquela div no centro da pagina, e não no centro da outra div que engloba ele, vc terá que usar o position:absolute.

position:absolute;
width:540px; //Defini uma largura
left:50%; //defini 50% do lado esquerdo
margin-left:-270px; //Aqui será a largura divido por 2, no negativo
Nando Diz:
24/05/10 às 8:06
boa resoltou obrigado pela ajuda abrasos
Igor Diz:
2/06/10 às 0:58
Nossa cara! mto bom essa video aula, é impressionante o que dá pra fazer com css… mto bom, parabéns!
José Carlos Diz:
22/07/10 às 15:41
o link da segunda parte não funciona, oque aconteceu com o site da videoaulasbrasil, preciso muito da segunda parte, obrigado.
David CHC Diz:
22/07/10 às 15:54
@José Carlos, estamos com problemas no Video Aulas Brasil, ainda estamos tentando responder. Tem outras video aula q ensino enviar email ,só q por autenticação, e uso o mesmo formulário criado nessa aula:

http://www.mxmasters.com.br/php/enviando-e-mail-autenticado/

http://www.mxmasters.com.br/php/enviando-anexo-com-phpmailer/
José Carlos Diz:
22/07/10 às 16:21
valeu David, vo faze mais uma perguntinha que estou com duvida, é que depois que fiz o formulario etc, eu ensiro ele na pagina com um include?, oque voce me aconselharia? obrigado.
David CHC Diz:
22/07/10 às 16:37
@José Carlos, vc pode trabalhar com include, se vc achar q ficar mais organizado. Como é uma pagina de contato, e não precisa inserir o mesmo formulário em outras paginas, acho vc pode colocar diretamente na pagina de contatos mesmo, sem criar uma pagina exclusiva para o formulário, para depois incluir na pagina de contatos
José Carlos Diz:
22/07/10 às 17:37
quando eu ensiro o formulario na pagina, ela fica na esquerda, sai do centralizado, porque isso?
David CHC Diz:
22/07/10 às 17:46
@José Carlos, outros elementos podem está interferindo na configuração do CSS do Formulário. Atribui-a um id a tag form, assim vc pode trabalhar melhor.
Douglas Henrique Diz:
26/07/10 às 5:13
OLÁ DAVID , ESTOU SEMPRE ASSISTINDO SUAS VIDEO AULAS E ESTOU APRENDENDO BASTANTE COM ELAS , SÓ QUE TENHO UMA DÚVIDA .
EU NÃO TENHO CONHECIMENTO NENHUM DE PROGRAMAÇÃO , E EU ASSISTI ESSA VIDEO AULA EU APRENDI A CRIAR O FORMULARIO SO QUE EU QUERIA SABER COMO FAÇO PRA QUANDO A PESSOA CLICAR EM ENVIAR , A MENSAGEM OU COMENTARIO DELA SEJA ENVIADA PARA O MEU E-MAIL
David CHC Diz:
26/07/10 às 8:11
@Douglas, veja a continuação da video aula – http://www.videoaulasbrasil.com.br/php/enviar-e-mail-com-php/
Marcelo Diz:
28/08/10 às 12:04
David, estou com uma dúvida..
criei o formulario blz..
porem eu acrescentei o botão limpar…
gostaria de alinhar os botões lado a lado… como faço ??
eles estao um em cima da outro..

valeuu
abçs e parabéns
David CHC Diz:
28/08/10 às 13:14
@Marcelo, q colocar o botão submit e o reset lado a lado? Vc pode colocar uma class neles, e declará-los como float:left;
Marcelo Diz:
29/08/10 às 21:36
Eu coloquei float:left;
olha como ficou: http://yfrog.com/epformpj
como eu posso fazer pra centralizar ?
o código css do botão:
[CODE]
form input.btn{
margin:0 auto;
display:block;
width:100px;
height:30px;
border:0;
background:#006;
color:#FFF;
cursor:pointer;
}
[/CODE]

David CHC Diz:
30/08/10 às 8:37

@Marcelo, como vc está usando display:block, vc pode engloba-los como uma div, e definir uma largura , e assim centraliza os dois

HTML

<div class="content-btn">
      <input type="submit" value="Enviar" class="btn" />
 <input type="reset" value="Limpar" class="btn" />
</div>

CSS

div.cotent-btn{
 width:230px;
 margin:0 auto;
}

form input.btn{
margin:0 auto;
display:block;
width:100px;
height:30px;
border:0;
margin:0 5px;
background:#006;
color:#FFF;
cursor:pointer;
}

Marcelo Diz:
30/08/10 às 22:35
@David, desculpe te encomodar..
mas não sei o que estou fazendo de errado:

olhe meu código:

HTML
[CODE]

Cadastro de Usuário

Nome:

Usuário:

Senha:

E-mail:

Acesso ao painel

Usuários

Agenda

Recados

Enquete

Downloads

Galeria de Fotos

[/CODE]

CSS
[CODE]
#formulario{
margin:0 auto;
background:#FFF;
width:350px;
margin-bottom:30px;
}

form{
width:350px;
margin:0 auto;
}

form fieldset{
border:0;
padding:0 15px 10px 15px;
}

form fieldset legend{
font-size:18px;
color:#003;
padding-bottom:10px;
font-weight:bold;
}

form label{
display:block;
padding:3px ;
}

form label span{
display:block;
color:#006;
font-size:16px;
font-weight:bold;
}

form label input{
color:#000;
padding:2px 0;
width:250px;
border:#B9D8E3 solid 2px;
}

form label input.box{
border:0;
}

div.cotent-btn{
margin:0 auto;
}

form input.btn{
margin:0 auto;
display:block;
width:100px;
height:30px;
border:0;
background:#006;
color:#FFF;
cursor:pointer;
}
[/CODE]

Veja se pode me ajudar… desde já agradeço..
quero deixar os botões um do lado do outro.
David CHC Diz:
31/08/10 às 9:16
@Marcelo, coloca o código html no http://www.pastebin.com, e depois me passa o link
Marcelo Diz:
1/09/10 às 0:14
Opa veja se é isso:

http://pastebin.com/BGUF5Ybs

valeu =)
David CHC Diz:
1/09/10 às 9:25
@Marcelo, no caso , vc vai definir uma largura para o content-btn, q será na verdade a largura dos 2 elementos, podendo ser de 210px; ou mais. Depois vc vai declarar margin:0 auto. Declare tbm, pra previnir, clear:both no .content-btn, e veja se assim centraliza os botões.