I have made four part videos in which I will make contact form. This form uses no image and is fully made by css, html and php. I have made this video tutorial in urdu and hindi language so that users can easily understand it.
The tools I have used are:-
- Dreamweaver (For editing)
- Chrome (For testing)
- My website (For testing email function)
- Gmail for getting email from contact form
- border-radius.com for getting css of border radius
- colorzilla.com/gradient-editor for creating css button
In first part of video I have done the html part of contact form. I have created a container div in which I have placed form and one heading.
In second and third part of videos I have done css of the contact form. I have not used any image so that the page loads fast in the browser. The css I have used is compatible for all popular browsers.
In fourth and last part of video I have write the php coding. In php coding I have used isset(), mail(), if statement and other coding.
This contact form has very nice designing and it also tells the visitor whether the email sending is failed or successful. I have used capcha in the contact form for avoiding spamming. You can also download the code of this tutorial.
So below are the four videos that I make to create contact from:-
Php urdu tutorial video of contact form-1
http://www.dailymotion.com/video/x212nd6_make-contact-form-in-html-and-php-part-1-urdu-hindi-tutorial_tech
Php urdu tutorial video of contact form-2
http://www.dailymotion.com/video/x212nr4_make-contact-form-in-html-and-php-part-2-urdu-hindi-tutorial_tech
Php urdu tutorial video of contact form-3
http://www.dailymotion.com/video/x21c7yu_make-contact-form-in-html-and-php-part-3-urdu-hindi-tutorial_tech
Php urdu tutorial video of contact form-4
http://www.dailymotion.com/video/x21c8bi_make-contact-form-in-html-and-php-part-4-urdu-hindi-tutorial_tech
Download Code