Transparent optin form. Possible?

by bwh1
3 replies
  • WEB DESIGN
  • |
OK, only somehow transparent.

If never seen this before but can I make a squeeze page with an Aweber optin form only displaying the email slot, NOTHING ELSE around it?

The copy on top will be in my page and not in the form.

There should be 2 signup buttons, but at a totally different place at the site then right below the email slot.

Actually I will not need a signup button, I rather need a transparent spot I can place over a part of the image where a visitor would have to click at.

Think about the Matrix, where Neo had to choose the blue or the red pill.

Your tips please....

G.
#form #optin #transparent
  • Profile picture of the author Brandon Tanner
    Div's are transparent by default, so all you have to do is make sure that your form (and any divs that wrap around it) are not set to a specific background color. Or you could give them a style of "background-color: transparent", which would have the same effect.

    Since you want a transparent form, you won't need 90% of the style code that Aweber includes with their default opt-in forms, so it would probably be easier if you just code the optin form from scratch and style it yourself.
    Signature

    {{ DiscussionBoard.errors[7412671].message }}
  • Profile picture of the author Abusschaert
    Not 100% sure if i understand. but if you want the email input box to be "invisible" then try border:0px;

    If you want to set the color of the textbox background to something that isn't white, you just have to put background:#(yourcolor)

    Or if you want true transparency just put this in background-color:transparent; with border:0px;

    Sorry if i didn't answer your question
    {{ DiscussionBoard.errors[7413073].message }}
    • Profile picture of the author wiredtolive
      Works for me!!
      Signature
      Other people's wills are as independent of mine as their breath and bodies.
      We may exist for the sake of one another, but our will rules its own domain.

      {{ DiscussionBoard.errors[7413437].message }}

Trending Topics