I need some help with subscription form customize

Discussion in 'HTML & Website Design' started by rap_rap, Nov 9, 2010.

  1. #1
    Hello everybody

    I need some help with subscription form customize

    the Width is a little too long for my web site....so..if somebody can help me wit that

    i'll be very thankfull for that :)


    -Here's the HTML code:

    <style type="text/css">
    .link,
    .link a,
    #SignUp .signupframe {
    color: #226699;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    }
    .link,
    .link a {
    text-decoration: none;
    }
    #SignUp .signupframe {
    border: 1px solid #FFFCFC;
    background: #32E4F1;
    }
    #SignUp .signupframe {
    font-size: 10px;
    }
    </style>
    <script type="text/javascript" src="http://app.icontact.com/icp/loadsignup.php/form.js?c=793066&l=365&f=182"></script>




    -Here's the site:


    http://professional-marketing-guides.com/



    Thanks
     
    rap_rap, Nov 9, 2010 IP
  2. rap_rap

    rap_rap Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    somebody please?.....its very very importent and urgent to me
     
    rap_rap, Nov 9, 2010 IP
  3. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #3
    There is a lot that is going on there that is incorrect on your site. To put a bandage on your current problem you'll need to add this CSS to what you have above.

    
    .signupframe form { margin: 0px; padding: 0px; }
    .signupframe table { width: 196px; }
    
    Code (markup):
    That should help... maybe not because you have the sidebar at 240px in your style.css file with a left / right margin of 22px on the newsletter item...

    The table for the newsletter form is 260px wide...

    Hope that helps!

    Cheers!~
     
    Last edited: Nov 9, 2010
    workingsmart, Nov 9, 2010 IP
  4. rap_rap

    rap_rap Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    thanks for help ....but it still doesnt work for me,i have putted it exactly like you gave me it and you can see the results here:

    http://professional-marketing-guides.com/


    mayby should be on diffrent place?


    and concerning the newsletter size:i wish i could change it...but i cant do much through the program i use here...but thank you for that
     
    rap_rap, Nov 9, 2010 IP
  5. rap_rap

    rap_rap Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    please help me wit that!

    -i tried to put it at the middle of the text and it just dont change anything
     
    Last edited: Nov 10, 2010
    rap_rap, Nov 10, 2010 IP
  6. GWiz

    GWiz Peon

    Messages:
    359
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Place the code he provided you into the style.css file.
     
    GWiz, Nov 10, 2010 IP
  7. rap_rap

    rap_rap Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    do you mean like that:?





    <style type="text/css">
    .signupframe form { margin: 0px; padding: 0px; }
    .signupframe table { width: 196px; }

    .link,
    .link a,
    #SignUp .signupframe {
    color: #226699;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    }
    .link,
    .link a {
    text-decoration: none;
    }
    #SignUp .signupframe {
    border: 1px solid #FFFCFC;
    background: #32E4F1;
    }

    #SignUp .signupframe (
    font-size: 10px;
    }

    </style>
    <script type="text/javascript" src="http://app.icontact.com/icp/loadsignup.php/form.js?c=793066&l=365&f=182"></script>



    it just dont change anything :(
     
    rap_rap, Nov 10, 2010 IP
  8. rap_rap

    rap_rap Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    up...-sorry but its realy urgent to me
     
    rap_rap, Nov 10, 2010 IP
  9. shahilroyhere

    shahilroyhere Well-Known Member

    Messages:
    189
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    130
    #9
    Simple -

    You have this in the html -
    <table cellspacing="0" cellpadding="5" border="0" width="260" class="signupframe">

    Just make the width="200" and your job will be done.

    And ya remove all those styles that you added previously which are showing up below the subscription box.
     
    shahilroyhere, Nov 10, 2010 IP
  10. rap_rap

    rap_rap Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    ^sorry but i dont see it....maybe you mean that i need to insert it in the text-in that case i tried-didnt help :(

    again: maybe i did it wrong? ...:if you can change it and give me a ready html text it will be great!
     
    rap_rap, Nov 10, 2010 IP
  11. shahilroyhere

    shahilroyhere Well-Known Member

    Messages:
    189
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    130
    #11
    shahilroyhere, Nov 10, 2010 IP
  12. rap_rap

    rap_rap Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    ****Listen Everybody*****


    I have just seen that there are 2 options of getting HTML code in the program that i use,the first one that i putted here is the "Automatic" version,so here is the "MANUAL" version :



    <style>
    .link,
    .link a,
    .signupframe
    {
    color: #226699;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    }
    .link,
    .link a {
    text-decoration: none;
    }
    .signupframe {
    border: 1px solid #FFFCFC;
    background: #32E4F1;
    }
    .signupframe .required {
    font-size: 10px;
    }
    </style>
    <form method=post action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup182" accept-charset="UTF-8" onsubmit="return verifyRequired182();" >
    <input type=hidden name=redirect value="http://www.icontact.com/www/signup/thanks.html" />
    <input type=hidden name=errorredirect value="http://www.icontact.com/www/signup/error.html" />

    <div id="SignUp">
    <table width="260" class="signupframe" border="0" cellspacing="0" cellpadding="5">
    <tr>
    <td valign=top align=right>
    <span class="required">*</span> First Name
    </td>
    <td align=left>
    <input type=text name="fields_fname">
    </td>
    </tr>
    <tr>
    <td valign=top align=right>
    <span class="required">*</span> Email
    </td>
    <td align=left>
    <input type=text name="fields_email">
    </td>
    </tr>
    <input type=hidden name="listid" value="3522">
    <input type=hidden name="specialid:3522" value="ITIU">

    <input type=hidden name=clientid value="793066">
    <input type=hidden name=formid value="182">
    <input type=hidden name=reallistid value="1">
    <input type=hidden name=doubleopt value="0">
    <tr>
    <td> </td>
    <td><span class="required">*</span> = Required Field</td>
    </tr>
    <tr>
    <td> </td>
    <td><input type="submit" name="Submit" value="Submit"></td>
    </tr>
    </table>
    </div>
    </form>
    <script type="text/javascript">

    var icpForm182 = document.getElementById('icpsignup182');

    if (document.location.protocol === "https:")

    icpForm182.action = "https://app.icontact.com/icp/signup.php";
    function verifyRequired182() {
    if (icpForm182["fields_fname"].value == "") {
    icpForm182["fields_fname"].focus();
    alert("The First Name field is required.");
    return false;
    }
    if (icpForm182["fields_email"].value == "") {
    icpForm182["fields_email"].focus();
    alert("The Email field is required.");
    return false;
    }


    return true;
    }
    </script>
    <span class="link"><a href="http://www.icontact.com">Email Marketing</a> You Can Trust</span>




    *the result of that:


    http://professional-marketing-guides.com/



    maybe now you can help me wit that thing?...
     
    Last edited: Nov 10, 2010
    rap_rap, Nov 10, 2010 IP
  13. rap_rap

    rap_rap Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    shahilroyhere :

    Realy thank you man but when i enter to the link it dont let me edited it(paste or edit somthing)-its just doesnt work my friend
     
    rap_rap, Nov 10, 2010 IP
  14. shahilroyhere

    shahilroyhere Well-Known Member

    Messages:
    189
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    130
    #14
    You have access to edit any file in this site?
     
    shahilroyhere, Nov 10, 2010 IP
  15. rap_rap

    rap_rap Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    no - this is the problem
     
    rap_rap, Nov 10, 2010 IP
  16. rap_rap

    rap_rap Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16

    MY MISTAKE:I QUOTED THE WRONG POST:

    "Simple -

    You have this in the html -
    <table cellspacing="0" cellpadding="5" border="0" width="260" class="signupframe">

    Just make the width="200" and your job will be done.

    And ya remove all those styles that you added previously which are showing up below the subscription box.




    I found this text in the net HTML that i putted here and changed 260 to 200 but......here the result :(

    http://professional-marketing-guides.com/


    please check it...i'm pretty sure in this case some of have the knowledge to help me........
     
    rap_rap, Nov 10, 2010 IP
  17. rap_rap

    rap_rap Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #17
    THANK GOD....AND THANKS FOR EVERYBODY - THE PROBLEM FIXED BY "shahilroyhere'S" WAY - Thank you very very much :)


    just 2 things more if i may:



    if somebody can help me here wit 2 more little things i'll very Appreciate it:

    1- There are 2 words that i would to bold them:

    -First Name

    -Email

    2.I want to delete the next words that showing up on the Sign up form:

    1-" * = Required Field"

    2- "Email Marketing You Can Trust"

    you can see here what i mean:

    http://professional-marketing-guides.com/

    if you can help me wit that it will be super ....Thanks again!
    lifecanbegreat




    remember the right HTML is that one:



    <style>
    .link,
    .link a,
    .signupframe
    {
    color: #226699;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    }
    .link,
    .link a {
    text-decoration: none;
    }
    .signupframe {
    border: 1px solid #FFFCFC;
    background: #32E4F1;
    }
    .signupframe .required {
    font-size: 10px;
    }
    </style>
    <form method=post action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup182" accept-charset="UTF-8" onsubmit="return verifyRequired182();" >
    <input type=hidden name=redirect value="http://www.icontact.com/www/signup/thanks.html" />
    <input type=hidden name=errorredirect value="http://www.icontact.com/www/signup/error.html" />

    <div id="SignUp">
    <table width="260" class="signupframe" border="0" cellspacing="0" cellpadding="5">
    <tr>
    <td valign=top align=right>
    <span class="required">*</span> First Name
    </td>
    <td align=left>
    <input type=text name="fields_fname">
    </td>
    </tr>
    <tr>
    <td valign=top align=right>
    <span class="required">*</span> Email
    </td>
    <td align=left>
    <input type=text name="fields_email">
    </td>
    </tr>
    <input type=hidden name="listid" value="3522">
    <input type=hidden name="specialid:3522" value="ITIU">

    <input type=hidden name=clientid value="793066">
    <input type=hidden name=formid value="182">
    <input type=hidden name=reallistid value="1">
    <input type=hidden name=doubleopt value="0">
    <tr>
    <td> </td>
    <td><span class="required">*</span> = Required Field</td>
    </tr>
    <tr>
    <td> </td>
    <td><input type="submit" name="Submit" value="Submit"></td>
    </tr>
    </table>
    </div>
    </form>
    <script type="text/javascript">

    var icpForm182 = document.getElementById('icpsignup182');

    if (document.location.protocol === "https:")

    icpForm182.action = "https://app.icontact.com/icp/signup.php";
    function verifyRequired182() {
    if (icpForm182["fields_fname"].value == "") {
    icpForm182["fields_fname"].focus();
    alert("The First Name field is required.");
    return false;
    }
    if (icpForm182["fields_email"].value == "") {
    icpForm182["fields_email"].focus();
    alert("The Email field is required.");
    return false;
    }


    return true;
    }
    </script>
    <span class="link"><a href="http://www.icontact.com">Email Marketing</a> You Can Trust</span>
     
    rap_rap, Nov 10, 2010 IP