Need help placing opt in form in the middle of background image in facebook fanpage

Discussion in 'HTML & Website Design' started by Hyennahvy Designs, Mar 28, 2011.

  1. #1
    can some one help me place the opt in form in middle of the image.. im willing to pay. thanks!
     
    Hyennahvy Designs, Mar 28, 2011 IP
  2. CREATIQUA

    CREATIQUA Peon

    Messages:
    23
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    try to center with <center>your FB code</center> tags or via CSS by using {margin: 0 auto;}
     
    CREATIQUA, Mar 28, 2011 IP
  3. Hyennahvy Designs

    Hyennahvy Designs Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    hello heres the code in aweber for optin where do i need to place the center? sorry im not really into this. thanks!

    <!-- AWeber Web Form Generator 3.0 -->
    <style type="text/css">
    #af-form-30743434 .af-body .af-textWrap{width:98%;display:block;float:none;}
    #af-form-30743434 .af-body .privacyPolicy{color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
    #af-form-30743434 .af-body a{color:#094C80;text-decoration:underline;font-style:normal;font-weight:normal;}
    #af-form-30743434 .af-body input.text, #af-form-30743434 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
    #af-form-30743434 .af-body input.text:focus, #af-form-30743434 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
    #af-form-30743434 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
    #af-form-30743434 .af-body{padding-bottom:15px;padding-top:15px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
    #af-form-30743434 .af-footer{padding-right:15px;padding-left:15px;background-color:#transparent;border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#000000;font-size:12px;font-family:Verdana, sans-serif;}
    #af-form-30743434 .af-header{padding-bottom:9px;padding-top:9px;padding-right:10px;padding-left:10px;background-image:url('http://forms.aweber.com/images/auto/body/009/5ff/005/999');background-position:top left;background-repeat:repeat-x;background-color:#005999;border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#FFFFFF;font-size:16px;font-family:Verdana, sans-serif;}
    #af-form-30743434 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
    #af-form-30743434 .af-quirksMode{padding-right:15px;padding-left:15px;}
    #af-form-30743434 .af-standards .af-element{padding-right:15px;padding-left:15px;}
    #af-form-30743434 .bodyText p{margin:1em 0;}
    #af-form-30743434 .buttonContainer input.submit{background-image:url("http://forms.aweber.com/images/auto/gradient/button/07c.png");background-position:top left;background-repeat:repeat-x;background-color:#0057ac;border:1px solid #0057ac;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
    #af-form-30743434 .buttonContainer input.submit{width:auto;}
    #af-form-30743434 .buttonContainer{text-align:right;}
    #af-form-30743434 body,#af-form-30743434 dl,#af-form-30743434 dt,#af-form-30743434 dd,#af-form-30743434 h1,#af-form-30743434 h2,#af-form-30743434 h3,#af-form-30743434 h4,#af-form-30743434 h5,#af-form-30743434 h6,#af-form-30743434 pre,#af-form-30743434 code,#af-form-30743434 fieldset,#af-form-30743434 legend,#af-form-30743434 blockquote,#af-form-30743434 th,#af-form-30743434 td{float:none;color:inherit;position:static;margin:0;padding:0;}
    #af-form-30743434 button,#af-form-30743434 input,#af-form-30743434 submit,#af-form-30743434 textarea,#af-form-30743434 select,#af-form-30743434 label,#af-form-30743434 optgroup,#af-form-30743434 option{float:none;position:static;margin:0;}
    #af-form-30743434 div{margin:0;}
    #af-form-30743434 fieldset{border:0;}
    #af-form-30743434 form,#af-form-30743434 textarea,.af-form-wrapper,.af-form-close-button,#af-form-30743434 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
    #af-form-30743434 input,#af-form-30743434 button,#af-form-30743434 textarea,#af-form-30743434 select{font-size:100%;}
    #af-form-30743434 p{color:inherit;}
    #af-form-30743434 select,#af-form-30743434 label,#af-form-30743434 optgroup,#af-form-30743434 option{padding:0;}
    #af-form-30743434 table{border-collapse:collapse;border-spacing:0;}
    #af-form-30743434 ul,#af-form-30743434 ol{list-style-image:none;list-style-position:eek:utside;list-style-type:disc;padding-left:40px;}
    #af-form-30743434,#af-form-30743434 .quirksMode{width:225px;}
    #af-form-30743434.af-quirksMode{overflow-x:hidden;}
    #af-form-30743434{background-color:#F0F0F0;border-color:#CFCFCF;border-width:1px;border-style:solid;}
    #af-form-30743434{overflow:hidden;}
    .af-body .af-textWrap{text-align:left;}
    .af-body input.image{border:none!important;}
    .af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
    .af-body input.text{width:100%;float:none;padding:2px!important;}
    .af-body.af-standards input.submit{padding:4px 12px;}
    .af-clear{clear:both;}
    .af-element label{text-align:left;display:block;float:left;}
    .af-element{padding:5px 0;}
    .af-form-wrapper{text-indent:0;}
    .af-form{text-align:left;margin:auto;}
    .af-header,.af-footer{margin-bottom:0;margin-top:0;padding:10px;}
    .af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
    .lbl-right .af-element label{text-align:right;}
    body {
    }




    </style>
    <form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" >
    <div style="display: none;">
    <input type="hidden" name="meta_web_form_id" value="30743434" />
    <input type="hidden" name="meta_split_id" value="" />
    <input type="hidden" name="listname" value="foreclosure9911" />
    <input type="hidden" name="redirect" value="http://foreclosurefraudexposed.com/thank-you-back-end-support-secrets-to-stop-foreclosure-exposed/" id="redirect_5acc68e3b27a70c9c3399d4493aa9bdb" />

    <input type="hidden" name="meta_adtracking" value="foreclosure9911_web_form" />
    <input type="hidden" name="meta_message" value="1" />
    <input type="hidden" name="meta_required" value="name,email" />

    <input type="hidden" name="meta_tooltip" value="" />
    </div>
    <div id="af-form-30743434" class="af-form"><div id="af-header-30743434" class="af-header"><div class="bodyText"><p>&nbsp;</p></div></div>
    <div id="af-body-30743434" class="af-body af-standards">
    <div class="af-element">
    <label class="previewLabel" for="awf_field-18514853">Name: </label>
    <div class="af-textWrap">
    <input id="awf_field-18514853" type="text" name="name" class="text" value="" tabindex="500" />
    </div>
    <div class="af-clear"></div></div>
    <div class="af-element">
    <label class="previewLabel" for="awf_field-18514854">Email: </label>
    <div class="af-textWrap"><input class="text" id="awf_field-18514854" type="text" name="email" value="" tabindex="501" />
    </div><div class="af-clear"></div>
    </div>
    <div class="af-element buttonContainer">
    <input name="submit" class="submit" type="submit" value="Submit" tabindex="502" />
    <div class="af-clear"></div>
    </div>
    <div class="af-element privacyPolicy" style="text-align: center"><p><a title="Privacy Policy" href="http://www.aweber.com/permission.htm" target="_blank">We respect your email privacy</a></p>
    <div class="af-clear"></div>
    </div>
    <div class="af-element poweredBy" style="text-align: center; font-size: 9px;"><p>Powered by <a title="AWeber email marketing" href="http://www.aweber.com/" target="_blank">AWeber email marketing</a></p>
    <div class="af-clear"></div>
    </div>
    </div>
    <div id="af-footer-30743434" class="af-footer"><div class="bodyText"><p>&nbsp;</p></div></div>
    </div>
    <div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=zAzsLMwszCw=" alt="" /></div>
    </form>
    <script type="text/javascript">
    <!--
    (function() {
    var IE = /*@cc_on!@*/false;
    if (!IE) { return; }
    if (document.compatMode && document.compatMode == 'BackCompat') {
    if (document.getElementById("af-form-30743434")) {
    document.getElementById("af-form-30743434").className = 'af-form af-quirksMode';
    }
    if (document.getElementById("af-body-30743434")) {
    document.getElementById("af-body-30743434").className = "af-body inline af-quirksMode";
    }
    if (document.getElementById("af-header-30743434")) {
    document.getElementById("af-header-30743434").className = "af-header af-quirksMode";
    }
    if (document.getElementById("af-footer-30743434")) {
    document.getElementById("af-footer-30743434").className = "af-footer af-quirksMode";
    }
    }
    })();
    -->
    </script>

    <!-- /AWeber Web Form Generator 3.0 -->
     
    Hyennahvy Designs, Mar 28, 2011 IP