How to?? Install optin box in a nice template??

2 replies
  • WEB DESIGN
  • |
Hi there, I want to do a 'hard' thing for me, hahaha...

I want to put my optin box which is shown like below:



and I want to embed it to a nice template, shown just like below:



You know what I mean right? I want to get rid of ugly optin box, and embed it into a nice template.

How can I do that? Let's say I'll give the optin code below, can u show me from which part to which part should I embed the code to show properly in the nice template?


Here's the full code I used to have the 'ugly' standard optin box:

<div class="o-form"><div class="o-form-header"><h2 id="o-form-title">Mail List Subscription Form</h2><p id="o-form-description">Please fill in and submit the form below to subscribe to our mailing list.</p></div><form action="http://www.imnicamail.com/v4/subscribe.php" method="post" accept-charset="UTF-8"><div class="o-form-row"><label for="FormValue_EmailAddress">Email Address</label><input name="FormValue_Fields[EmailAddress]" value="" id="FormValue_EmailAddress" type="text"></div><input name="FormButton_Subscribe" value="Subscribe" id="FormButton_Subscribe" type="submit"><input name="FormValue_ListID" value="7647" type="hidden"><input name="FormValue_Command" value="Subscriber.Add" id="FormValue_Command" type="hidden"></form><style type="text/css" media="screen">.o-form{background-color:#FFF4ED;border:1px solid #814913;}
.o-form form{margin:0px;padding:0px;}
.o-form .o-form-header{background-color:#814913;padding:9px;}
.o-form h2{color:#fff;font-family:Arial,sans-serif;font-size:18px;line-height:27px;margin:0px;padding:0px;}
.o-form p{color:#fff;font-family:Arial,sans-serif;font-size:12px;line-height:18px;margin:0px;padding:0px;}
.o-form .o-form-row{margin-top:9px;padding:0 9px;}
.o-form .o-form-row label{color:#814913;font-family:Arial,sans-serif;font-size:12px;display:block;font-weight:bold;}
.o-form input[type="text"]{border:1px solid #814913;color:#814913;padding:5px 7px;}
.o-form input[type="submit"]{margin:20px 9px 18px 9px;}</style></div>



thx in advance, I think it's a bit complicated for me. ...
#box #install #nice #optin #template
  • Profile picture of the author Istvan Horvath
    This is your form code:

    Code:
    <form action="http://www.imnicamail.com/v4/subscribe.php"  method="post" accept-charset="UTF-8"><div  class="o-form-row"><label for="FormValue_EmailAddress">Email  Address</label><input name="FormValue_Fields[EmailAddress]"  value="" id="FormValue_EmailAddress"  type="text"></div><input name="FormButton_Subscribe"  value="Subscribe" id="FormButton_Subscribe" type="submit"><input  name="FormValue_ListID" value="7647" type="hidden"><input  name="FormValue_Command" value="Subscriber.Add" id="FormValue_Command"  type="hidden"></form>
    The rest is html and css.

    You could try pasting this into your template... although it would be beneficial to see the code that should be replaced, as well.
    Signature

    {{ DiscussionBoard.errors[4032747].message }}
  • Profile picture of the author Steve Wells
    If you go to Bill Jamshedji's WSO , he shows you exactly how to do what you are doing in video form, along with many other things, and the wso they are selling is very cheap.

    All the best,
    Steve
    Signature
    Need Custom Graphics Work? - Message Me For A Design Quote!
    {{ DiscussionBoard.errors[4033559].message }}

Trending Topics