10 {{ upvoteCount | shortNum }}
10 {{ upvoteCount | shortNum }}

how do i change background for opt in box?

by johnryan
8 replies
I just started using aweber and I changed my "submit" button but they have no info on changing the plain box around opt in form to an image. Does anyone know how to do this or have code for this? thanks
#background #box #change #opt
  • Profile picture of the author sparrow
    I only use the text blocks for the optin everything else I add on my webpage

    I had the same problem so I no longer use Aweber to add the text I do this in the webpage I have more control over things like the backgrounds etc...

    Ed
    {{ DiscussionBoard.errors[142088].message }}
  • Profile picture of the author guillopuyol
    Originally Posted by johnryan View Post

    I just started using aweber and I changed my "submit" button but they have no info on changing the plain box around opt in form to an image. Does anyone know how to do this or have code for this? thanks
    Code:
     
<center><form method="post" action="http://www.aweber.com/scripts/addlead.pl">
<input type="hidden" name="meta_web_form_id" value="########">
<input type="hidden" name="meta_split_id" value="">
<input type="hidden" name="unit" value="LISTNAME">
<input type="hidden" name="redirect" value="http://www.aweber.com/form/thankyou_vo.html" id="########">
<input type="hidden" name="meta_redirect_onlist" value="">
<input type="hidden" name="meta_adtracking" value="TRACKING">
<input type="hidden" name="meta_message" value="1">
<input type="hidden" name="meta_required" value="from">
<input type="hidden" name="meta_forward_vars" value="0">
<table background="../images/ImageName.jpg">
<tr><td colspan=2><center></center></td></tr>
<tr><td>Name:</td><td><input type="text" name="name" value="" size="20"></td></tr>
<tr><td>Email:</td><td><input type="text" name="from" value="" size="20"></td></tr>
<tr><td colspan=2><center></center></td></tr>
<tr><td align="center" colspan="2"><input type="submit" name="submit" value="Submit"></td></tr>
</table>
</form>
</center>
    Notice the line where I have defined the background of the table...

    Code:
     
<table background="../images/ImageName.jpg">
    This should work... unfortunately you can't do this with the javascript version...

    -G
    {{ DiscussionBoard.errors[142155].message }}
    • Profile picture of the author johnryan
      Thanks, I'll give the code a try. I don't have much experience w/ html but at least it's just a squeeze page I'm working on.
      John
      {{ DiscussionBoard.errors[142366].message }}
    • Profile picture of the author johnryan
      I tried the code you supplied but couldn't get it to work.
      <table background="../images/ImageName.jpg">
      I changed the image name to my files name.gif.
      should it read :
      <table background=www.mysitename.com/myimageName.gif>
      I tried several variations but am pretty inexperienced w/html still.
      thanks,
      John
      {{ DiscussionBoard.errors[144105].message }}
      • Profile picture of the author guillopuyol
        Originally Posted by johnryan View Post

        I tried the code you supplied but couldn't get it to work.
        <table background="../images/ImageName.jpg">
        I changed the image name to my files name.gif.
        should it read :
        <table background=www.mysitename.com/myimageName.gif>
        I tried several variations but am pretty inexperienced w/html still.
        thanks,
        John
        it should say

        Code:
         
<table background=http://www.yoursitename.com/images/ImageName.extension>
        You have to make sure the path is correct, so find the name of the file and if you put the address on your browser, the image should come up. Once it does, just put that address in the code. Also, I see you were missing the quotation marks around the address.

        Let me know if it helps...

        -G
        {{ DiscussionBoard.errors[144139].message }}
        • Profile picture of the author johnryan
          I got it to work but the name optin, email optin and submit button are too high. They should be at the bottom of the box (background).
          Making progress though. thanks
          {{ DiscussionBoard.errors[147044].message }}
  • Profile picture of the author johnryan
    Here is my opt in: And this is what I want it to look like:
    I want to move the name and email fields down but I don't know how to. I tried page breaks but that didn't work.
    {{ DiscussionBoard.errors[148871].message }}
  • Profile picture of the author johnryan
    Sorry, I'll try this again.
    Here is my opt in: index
    And this is what I want it to look like: http://artisticgardening.com/mockup/
    I want to move the name and email fields down but I don't know how to. I tried page breaks but that didn't work.
    {{ DiscussionBoard.errors[148878].message }}

Trending Topics