Huzzah! We've released a brand new WordPress theme called Statesman. Check it out!

Modal Box Contact Form (PSD)

View Full-Size.
Download

Downloaded 23,311 times

Today’s freebie is a play on some of the “quick contact forms” I’ve come across in recent designs – a modal box contact form. It’s a contact form in a modal box. Simple.

Today’s freebie is a play on some of the “quick contact forms” I’ve come across in recent designs – a modal box contact form.

In this design I’ve moved the form inside a modal box which could be triggered by clicking a “contact” button for example – perfect for saving valuable space. While I’ve used a form, the modal could be used for virtually anything, adding notes, viewing lists, dropdown menus and so on. Click the image below for the full size version and enjoy the download!

13 Comments

  1. Clean & beautiful as always, great inspiration. :)

  2. Awesome as always Orman

  3. Amazing, as always ;)

  4. Now if only there was a clear way to apply such effects with CSS.

    I think the only way to style a select box is JS or something right?

    • CodeMonkey

      What I would do is create an unordered list and style it accordingly. Then use JS to populate a hidden field with the selected value when clicked.

  5. the background patterns you use are simple and elegant..

  6. I love it. Thank you so much. Simple and clean. I wish http://www.quickwebform.com will use this as a template. I will let them know. I have been using them for contact form because it comes with database. It’s also free. Not sure if you have heard of them before. Anyways, thanks again!

  7. I would love to know how you create these cool backgrounds to display your stuff.

  8. alxgmpr

    I’m currently using this for my contact page:

    http://alex.gompper.net/contact/

Leave a Comment