Want to turn a PSD file into a campaign monitor form WordPress
- SOLVED
Hey there,
Going out on a bit of a limb, but I have a custom picture that I've made to turn into a subscribe form for my clients website.
The image is attached. All I want to do is turn that blank space in the picture into the 'Email Address' area and the the Join button into the 'submit' function.
I have the campaign monitor code and this image in all formats necessary if you'd like to PM me.
Answers (2)
Naveen Chand answers:
Hi Kate,
Thanks for responding to my PM. Here is the code that you can use. I am editing the code. It didnt get pasted well previously. Use this code:
<form action="http://email.vickisimpson.com/t/j/s/iltho/" method="post" id="subForm" style="background: url('http://dayatechno.com/wp-content/uploads/2013/01/VIC_Subscribe_Button_245.png'); background-repeat: no-repeat; height: 199px;">
<div id="myform" style="position: relative;top: 111px;left: 28px;">
<input type="text" name="cm-iltho-iltho" id="iltho-iltho" placeholder="Enter your Email" style="position:relative;bottom: 40px; border:none;right: 9px;">
<input type="image" value="Subscribe" src="http://dayatechno.com/wp-content/uploads/2013/01/VIC_Subscribe_Button_join1.png" id="join-btn" style="position:relative;bottom:19px;right: 22px;"></div>
</form>
Or use this code here: http://ideone.com/S73qGu
Wherever <strong>src=""</strong> is there in the above code, you need to download those images and upload to your own server and then replace the src with your own url in the above code.
As a demonstration, I have to recreate only one image for Join button and loaded it on my server so you can test it.
