Handwritten Letter Style jQuery Mail Form

Hi friends, today I Am going to share a handwritten style mail form which must attract your visitor to send a mail to you. Mix of basic and intermediate CSS techniques to give the form the appearance of a letter mail, The form we are creating is styled with a lined background texture and a subtle shadow to give the impression like as a paper sheet. The title and form fields will be styled as digital text with a cursive font to give the appearance of a handwritten letter.

www.tricksway.com

 

Live Demo
 

The Code :

I Am sharing this form by two way :

1- Use With Our Hosting :
By using this code no need of hosting css and other files to server it's already hosted by me , just copy below code and apply on your html form code :
<html>
<head>
<link href="https://himstar.googlecode.com/files/hand%20style.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="http://himstar.googlecode.com/files/scripts.js"></script>
</head>
<body>
<div id="container">
<h1>Send A Latter !</h1>
<form action="" method="post">
<fieldset>
<label for="name">Name:</label>
<input type="text" id="name" name="name" />
<label for="email">Email:</label>
<input type="email" id="email" name="email" />
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea>
<input type="submit" id="send" value="Send" />
</fieldset>
</form>
</div>
</body>
</html>
1- Use With Your Own Hosting :

If you have own hosting service download below code pack and host on your server.

Download

You Might Also Like !

 

* Do you like this story? Then why not share it with your Friends *
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to our regular Email Updates!

Himanshu is a young engineer living in India. Currently working at LiveCareer as a software engineer. He is an ethical hacker & blogger too, doing lots of crazy stuff... If you seem interesting, go through his portfolio: www.himstar.info : "Open Source. Millions of open minds can't be wrong!"

2 comments: On Handwritten Letter Style jQuery Mail Form

  • Avatar

    Surprisingly revealing many many thanks, I do think your readers may well want further blog posts such as this carry on the excellent operate.

Leave a reply:

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Site Footer

Sliding Sidebar

We are India’s largest Startup Community


We are team of ' Delhi Startups ' , most active startup community with strict spam policy.
We are making !deas happen..for future, business and jobs without charging anything, with connecting entrepreneurs.. It's a reason to trust on us.
Come and join or subscribe, we will defiantly give a reason to like us.

Our Facebook Page