Any idea where this form was created?

Discussion in 'HTML & Website Design' started by drew68, Mar 15, 2011.

  1. #1
    you guys think this was custom built or generated from a contact form builder site?

    http://www.thegroop.net/contact
    (bottom right corner)

    trying to duplicate that look...i use emailmeform.com but it doesn't allow me to customize the fields or the background color for it.

    any ideas?
    ty! drew
     
    drew68, Mar 15, 2011 IP
  2. joy1986joy

    joy1986joy Member

    Messages:
    189
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    30
    #2
    Hi
    Use google chrome to open the page. Then make Inspect element. You will find all the file it used. just copy it and modify it as you wish.
    Hope this will help.
     
    joy1986joy, Mar 16, 2011 IP
  3. johneva

    johneva Well-Known Member

    Messages:
    1,480
    Likes Received:
    46
    Best Answers:
    1
    Trophy Points:
    170
    #3
    johneva, Mar 16, 2011 IP
  4. vinith90

    vinith90 Member

    Messages:
    151
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #4
    you can use php form with css
     
    vinith90, Mar 16, 2011 IP
  5. Directory Vortex

    Directory Vortex Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It is very simple form, you don't need any special tools to make one.
    Appearance of the input fields is modified by CSS file. You can use the following
    input {
    	background:#b1aca5;
    	border:0 none;
    	color:#FFFFFF;
    	font-family:Georgia,Helvetica,Arial;
    	font-size:18px;
    	height:31px;
    	padding:10px 15px 0;
    	width:170px;
    }
    
    input[type=submit] {
    	background: #b94725;
    	font-size:15px;
    	width:80px;
    }
    Code (markup):

    You probably want to replicate that disappearing text effect when you click on the input field. Here's a quick example for you, edit the the value of the text ("Click here") to your liking, just make sure it is EXACTLY the same in all three positions

    <input type="text"  onfocus="if(this.value=='Click here')this.value=''" onblur="if(this.value=='')this.value='Click here'" value="Click here" />
    Code (markup):
    I hope it helps!
     
    Directory Vortex, Mar 16, 2011 IP