StudioPress Community Forums
Forum Rules Forum Help Lost Password? Customization Quick Search
  StudioPress Community Forums > Forums > General Discussion
Sign up form problem
For help and support, access to your downloads, or to manage your account please log into My StudioPress.

These forums have been set to read-only so you can browse the existing topics for any questions you may have -- and this forum will be removed on July 1st, 2013.

For general discussion on WordPress, CSS and design (NOT for support) visit the new Community Forums.
 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
  #1  
Old 12-31-2010, 12:22 PM
bensonlvsq bensonlvsq is offline
Registered User
Genesis Member
  
Join Date: Jun 2010
Location: Montreal, Canada
Posts: 7
Default Sign up form problem
I'm having trouble resizing a signup form for my sidebar. I'm not too sure which part of code to change. I've used mailchimp to design the form, and the form is to go on my website's sidebar, which is www.builtforhockey.com

If anyone could show me how to make this signup form fit on my sidebar, that would be great. Here is the code for the signup form. Thanks Ahead.

HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="description" content="BuiltForHockey Newsletter Email Forms">
    <meta name="keywords" content="BuiltForHockey Newsletter">
    <!-- Change the width below to just wider than your form's width
    to optimize its initial scale on Apple iOS  and Android devices -->
    <meta name="viewport" content="width=640">
    <title>BuiltForHockey Newsletter</title>
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>

	<script type="text/javascript">
		google.load("jquery", "1.4.2");
	</script>
    

<style type="text/css">
		body{
			background-color:#999999;
			padding:0px;
			margin:0px;
		}
		.container{
			border:1px solid #000000;
		}
		fieldset{
			border:none;
			padding:0;
			margin:0;
		}
		.content{
			background-color:#FFFFFF;
			padding:20px;
		}
		.headerBar{
			background-color:#4147A0;
			padding:20px;
			border-bottom:0px solid #000000;
		}
		.headerText{
			color:#ffffff;
			font-size:32px;
			font-family:Arial;
			font-weight:bold;
			text-align:left;
		}
		p,label,.formText{
			line-height:150%;
			font-family:Arial;
			font-size:12px;
			color:#333333;
		}
		.alert{
			font-size:20px;
			line-height:200%;
			color:#FF0000;
			font-family:Arial;
			font-weight:bold;
		}
		div.errorText{
			font-size:12px;
			line-height:150%;
			font-weight:bold;
			color:#FF0000;
			font-family:Arial;
			background-color:#FFEEEE;
			padding:5px;
			margin:3px;
		}
		a:link,a:active,a:visited,a{
			color:#0000FF;
		}
		a.poweredBy{
			font-size:10px;
			font-family:trebuchet ms;
			text-decoration:none;
		}
		.poweredBy{
			text-align:center;
			width:100%;
		}
		.vcard,.vevent{
			background:#eee;
			border:2px solid #ccc !important;
			padding:14px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
			margin:5px 0 !important;
		}
		span.vcard,span.vevent{
			padding:2px 1px 2px 70px !important;
			margin:0 2px 0 !important;
		}
		.org{
			display:block;
			margin:8px 0 0 0;
			padding-left:19px;
			background:url([url]http://builtforhockey.us1.list-manage.com/images/vcard.png[/url]) no-repeat;
			font-weight:bold;
			font-size:110%;
		}
		.hcard-download{
			background:url([url]http://builtforhockey.us1.list-manage.com/images/hcard-download-or.png[/url]) no-repeat;
			padding:2px 0 2px 32px;
		}
		label{
			font-weight:normal;
		}
		td.mc_submit_button{
			text-align:center;
		}
		#mergeTable{
			width:100%;
		}
		#interestTable{
			width:100%;
		}
		#bottomTable{
			width:100%;
			text-align:center;
		}
		#archive-list{
			margin:3em;
			list-style:square;
			line-height:1.6em;
		}
		.required{
			text-align:right;
			font-size:11px;
			font-weight:bold;
		}
		.formText{
			vertical-align:top;
		}
		.subfield{
			display:block;
			margin:2px 0;
			padding:4px;
			line-height:30px;
		}
		.phonefield{
			min-width:265px;
		}
		.phonefield .subfield,.datefield .subfield{
			display:inline;
		}
		.subfield label{
			padding-left:4px;
			font-style:italic;
		}
		.mergeTable{
			border-collapse:separate;
		}
		.mergeRow td{
			padding:12px;
			border-top:1px solid #ccc;
		}
		input,textarea,select{
			padding:4px;
		}
		input:focus,textarea:focus,select:focus{
			background:#ffc;
		}
		.countryfield select{
			min-width:120px;
		}
		.radiogroup label{
			padding-right:12px;
		}
		h1{
			font-size:25px;
			line-height:30px;
			margin-bottom:5px;
		}
		#archive-company{
			font-weight:normal;
		}
		#archive-company,#archive-subscribe-link{
			margin:5px 0;
		}
		#archive-subscribe-link{
			float:right;
			margin-top:2px;
		}
		#forward-friend-table label{
			font-weight:bold;
		}
		#forwardToFriendFooter{
			padding-top:10px;
			border-top:1px solid #ccc;
		}
		.interestgroup_field,.interestgroup_field li,.interestgroup_row{
			margin:0;
			padding:0;
			list-style:none;
		}
		div.required{
			display:inline;
		}
</style></head>
<body>
    <table width="100%" cellpadding="20" cellspacing="0"><tr><td align="center" valign="top">
    
    <!-- \\\ wrap table /// -->

    <!--- /// ***************************************************** SIGNUP FORM PAGE \\\ -->
    <table width="600" cellpadding="0" cellspacing="0" class="container">
    <tr>

    <td align="center" valign="top">
    <div class="headerBar">
        <div class="headerText">
            <div style="text-align: center;">
	<strong><span style="color: rgb(255, 240, 245);">FREE PowerBuilder Workout For Explosive Gains</span></strong></div>

        </div>
    </div>
    </td>

    </tr>
    <tr>
    <td valign="top" align="left" class="content formText"><div id="content">
        
<div id="subscribeForm" class="contentBox">
<div id="subscribeFormWelcome"><br>
<img align="left" alt="" border="0" src="http://gallery.mailchimp.com/b827b25818ffca6386fdc367c/images/binder_S.jpg" style="width: 180px; height: 229px;"><br>
<span style="font-size: 18px;"><span style="font-family: tahoma,geneva,sans-serif;"><span style="font-family: lucida sans unicode,lucida grande,sans-serif;">I</span></span><span style="font-family: tahoma,geneva,sans-serif;"><span style="font-family: lucida sans unicode,lucida grande,sans-serif;">ncrease Your On-Ice Acceleration &amp; Speed With Our <u><span style="color: rgb(0, 0, 0);">Proven</span></u><span style="color: rgb(0, 0, 0);"> </span>Lower Body Plyometric Formula</span></span></span>

<div style="text-align: left;">
<br>
<span style="font-size: 24px;"><span style="font-size: 18px;"><span style="font-family: georgia,serif;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Sign Up To Our Newsletter Today<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; And Get It <span style="color: rgb(255, 0, 0);">FREE!<br>
<br>
<span style="font-size: 14px;">*We take your privacy seriously. We will NEVER share your information for any reason whatsoever. </span></span></span></span></span></div>
<br>
<span style="font-size: 24px;"><span style="font-size: 18px;"><span style="font-family: georgia,serif;">&nbsp;&nbsp;&nbsp; </span></span></span><br>
</div>
<p class="tiny required">(Required fields are <strong>bold</strong>)</p>



<form action="http://builtforhockey.us1.list-manage.com/subscribe/post" method="POST">
<input type="hidden" name="u" value="b827b25818ffca6386fdc367c">
<input type="hidden" name="id" value="39ebaed421">

<table cellpadding="7" cellspacing="0" width="100%" align="center" id="mergeTable">


<tr class="mergeRow dojoDndItem mergeRow-text" id="mergeRow-1">
<td class="formText" align="right">
    <label for="MERGE1">First Name</label>
</td><td>
    <input type="text" name="MERGE1" id="MERGE1" size="25" value="">

	
	
    </td>
</tr>



<tr class="mergeRow dojoDndItem mergeRow-email" id="mergeRow-0">
<td class="formText" align="right">
    <label for="MERGE0"><strong>Email Address</strong> <span class="asterisk">*</span></label>
</td><td>
    <input type="text" name="MERGE0" id="MERGE0" size="25" value="">
	
	
    </td>

</tr>




</table>
<table id="bottomTable">

<tr>
<td colspan="2" class="mc_submit_button">

<input type="submit" value="Subscribe to list">
</td>
</tr>
</table>

</form>

</div>

    </div>

    <br clear="all">

    
    <div class="poweredByBox poweredBy">
    <!-- /// powered by \\\ -->
    <br>
    <table width="100%" cellpadding="10" cellspacing="0" style="border-top: 1px solid #CCCCCC;"><tr><td>
    <span class="poweredBy"><a href="http://www.mailchimp.com/monkey-rewards/?aid=b827b25818ffca6386fdc367c&afl=1"><img src="http://www.mailchimp.com/img/badges/delivered_by_mailchimp_stamp.gif" border="0" alt="Email Marketing Powered by MailChimp" title="MailChimp Email Marketing"></a></span>

    </td></tr></table>
    <!-- \\\ powered by /// -->
    </div>
    
    </td>
    </tr>
    </table>
    <!--- \\\ ***************************************************** SIGNUP FORM PAGE /// -->

    <!-- /// wrap table \\\ -->

    </td></tr></table>
</body>
</html>
Moderators Note: Please do not paste raw markup in a post use the provided HTML Forum button.
Last edited by CharlesClarkson; 12-31-2010 at 07:06 PM. Reason: Added HTML tags to HTML listing.
 

« Previous Thread | Next Thread »
Thread Tools
Display Modes
Threaded Mode Threaded Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
remove feedburner sign up form robjan80 General Discussion 5 09-30-2010 02:23 PM
Where do I find a sign up form Susan Holt General Discussion 1 12-01-2009 04:50 PM


All times are GMT -5. The time now is 05:58 AM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.