Ask your WordPress questions! Pay money and get answers fast! (more info)

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)

2013-01-15

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.

2013-01-15

Ellah Alzona answers:

Let me try.