SocialGO custom login form - HTML Snipplr Social Repository

Revision: 23732

at February 12, 2010 01:23 by widgetlaboratory

Updated Code

/* BELOW IS THE CSS PORTION - PLACE THIS IN YOUR ADS & CUSTOM HTML AREA */

/* This is a way to hide the login bar box on sidebar*/

div#sb-signup {
display:none;
}

/* This hides the reCaptcha images*/

.recaptchatable a img {
display:none!important;
}

.recaptchatable td img {
display:none!important;
}

/* END OF CUSTOM CSS PORTION */






<div class="form-box" id="site-sign-up">
	<h2>
		Create An Account:</h2>
	<div class="form-box-content clearfix">
		<form action="/action/sign_up" enctype="multipart/form-data" id="form-signup" method="POST" name="form-signup">
			
			<fieldset>
				<div class="form-error hide" id="form-signup-error">&nbsp;</div>
				<div class="clearfix" style="width: 225px;">
					<div class="left" style="width: 225px;">
						<label for="form-name">First Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-name" name="form-name" rel="validate[required]" size="30" type="text" value="" /></div>
					<div class="left" style="width: 225px;">
						<label for="form-surname">Last Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-surname" name="form-surname" rel="validate[required]" size="30" type="text" value="" /></div>
				</div>
				<label for="form-email">Email</label>
						<input id="form-email" name="form-email" size="30" maxlength="128" value="" rel="validate[required, email]" type="text"><img src="http://static.socialgo.com/icons/delete.png" id="form-email-wrong" class="icon-wrong" style="visibility: hidden;"><br>


					<label for="form-password">Password</label>					
					<input id="form-password" maxlength="128" name="form-password" rel="validate[required, password]" size="30" type="password" value="" /><img class="icon-wrong" id="form-password-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />					
					<label for="form-password-confirm">Repeat Password</label>
					<input id="form-password-confirm" maxlength="128" name="form-password-confirm" rel="validate[required, password]" size="30" type="password" value="" /><img class="icon-wrong" id="form-password-confirm-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />
			</fieldset>
			
			
			<br />
				<input id="customq-40180-crc" name="customq-40180-crc" type="hidden" value="0" />			
				
				
<h2>Image Verification</h2>
						
			<fieldset>
			
			
			
			
				Type the words below to prove that you&#39;re a real person 
				
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LcZFQUAAAAAAJ9QFXfKx51NwX70Dq34NT2iqMFx"></script><script type="text/javascript" src="http://api.recaptcha.net/js/recaptcha.js"></script>
				<div class="recaptcha_nothad_incorrect_sol recaptcha_isnot_showing_audio" id="recaptcha_widget_div" style="">
					<div id="recaptcha_area">
						<table class="recaptchatable recaptcha_theme_clean" id="recaptcha_table">
						<a href="javascript:Recaptcha.reload ();" id="recaptcha_reload_btn" title="Get a new challenge">Refresh image</a> or <a class="recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio');" id="recaptcha_switch_audio_btn" title="Get an audio challenge">try the audio version.</a>
													</table>
					</div>
				</div>
							
	
	</fieldset>
	
			<fieldset class="cq-check-buttons">
				<input id="t-and-c-agree" name="t-and-c-agree" type="hidden" value="true" /> By signing up you agree to our&nbsp; <a href="/terms/terms_and_conditions.html" target="_BLANK">Terms &amp; Conditions</a>.</fieldset>
			<div class="buttons clearfix">
				<button class="button" name="submit" type="submit" value="Submit"><img alt="Submit" src="http://static.socialgo.com/icons/tick.png" title="Sign Up" /> Sign Up</button></div>
		</form>
	</div>
</div>

Revision: 23731

at February 11, 2010 21:27 by widgetlaboratory

Updated Code

<div class="form-box" id="site-sign-up">
	<h2>
		Create An Account:</h2>
	<div class="form-box-content clearfix">
		<form action="/action/sign_up" enctype="multipart/form-data" id="form-signup" method="POST" name="form-signup">
			
			<fieldset>
				<div class="form-error hide" id="form-signup-error">&nbsp;</div>
				<div class="clearfix" style="width: 225px;">
					<div class="left" style="width: 225px;">
						<label for="form-name">First Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-name" name="form-name" rel="validate[required]" size="30" type="text" value="" /></div>
					<div class="left" style="width: 225px;">
						<label for="form-surname">Last Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-surname" name="form-surname" rel="validate[required]" size="30" type="text" value="" /></div>
				</div>
				<label for="form-email">Email</label>
						<input id="form-email" name="form-email" size="30" maxlength="128" value="" rel="validate[required, email]" type="text"><img src="http://static.socialgo.com/icons/delete.png" id="form-email-wrong" class="icon-wrong" style="visibility: hidden;"><br>


					<label for="form-password">Password</label>					
					<input id="form-password" maxlength="128" name="form-password" rel="validate[required, password]" size="30" type="password" value="" /><img class="icon-wrong" id="form-password-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />					
					<label for="form-password-confirm">Repeat Password</label>
					<input id="form-password-confirm" maxlength="128" name="form-password-confirm" rel="validate[required, password]" size="30" type="password" value="" /><img class="icon-wrong" id="form-password-confirm-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />
			</fieldset>
			
			
			<br />
				<input id="customq-40180-crc" name="customq-40180-crc" type="hidden" value="0" />			
				
				
<h2>Image Verification</h2>
						
			<fieldset>
			
			
			
			
				Type the words below to prove that you&#39;re a real person 
				
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LcZFQUAAAAAAJ9QFXfKx51NwX70Dq34NT2iqMFx"></script><script type="text/javascript" src="http://api.recaptcha.net/js/recaptcha.js"></script>
				<div class="recaptcha_nothad_incorrect_sol recaptcha_isnot_showing_audio" id="recaptcha_widget_div" style="">
					<div id="recaptcha_area">
						<table class="recaptchatable recaptcha_theme_clean" id="recaptcha_table">
						<a href="javascript:Recaptcha.reload ();" id="recaptcha_reload_btn" title="Get a new challenge">Refresh image</a> or <a class="recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio');" id="recaptcha_switch_audio_btn" title="Get an audio challenge">try the audio version.</a>
													</table>
					</div>
				</div>
							
	
	</fieldset>
	
			<fieldset class="cq-check-buttons">
				<input id="t-and-c-agree" name="t-and-c-agree" type="hidden" value="true" /> By signing up you agree to our&nbsp; <a href="/terms/terms_and_conditions.html" target="_BLANK">Terms &amp; Conditions</a>.</fieldset>
			<div class="buttons clearfix">
				<button class="button" name="submit" type="submit" value="Submit"><img alt="Submit" src="http://static.socialgo.com/icons/tick.png" title="Sign Up" /> Sign Up</button></div>
		</form>
	</div>
</div>

Revision: 23730

at February 11, 2010 21:26 by widgetlaboratory

Updated Code

<div class="form-box" id="site-sign-up">
	<h2>
		Create An Account:</h2>
	<div class="form-box-content clearfix">
		<form action="/action/sign_up" enctype="multipart/form-data" id="form-signup" method="POST" name="form-signup">
			
			<fieldset>
				<div class="form-error hide" id="form-signup-error">&nbsp;</div>
				<div class="clearfix" style="width: 225px;">
					<div class="left" style="width: 225px;">
						<label for="form-name">First Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-name" name="form-name" rel="validate[required]" size="30" type="text" value="" /></div>
					<div class="left" style="width: 225px;">
						<label for="form-surname">Last Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-surname" name="form-surname" rel="validate[required]" size="30" type="text" value="" /></div>
				</div>
				<label for="form-email">Email</label>
						<input id="form-email" name="form-email" size="30" maxlength="128" value="" rel="validate[required, email]" type="text"><img src="http://static.socialgo.com/icons/delete.png" id="form-email-wrong" class="icon-wrong" style="visibility: hidden;"><br>


					<label for="form-password">Password</label>					
					<input id="form-password" maxlength="128" name="form-password" rel="validate[required, password]" size="30" type="password" value="" /><img class="icon-wrong" id="form-password-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />					
					<label for="form-password-confirm">Repeat Password</label>
					<input id="form-password-confirm" maxlength="128" name="form-password-confirm" rel="validate[required, password]" size="21" type="password" value="" /><img class="icon-wrong" id="form-password-confirm-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />
			</fieldset>
			
			
			<br />
				<input id="customq-40180-crc" name="customq-40180-crc" type="hidden" value="0" />			
				
				
<h2>Image Verification</h2>
						
			<fieldset>
			
			
			
			
				Type the words below to prove that you&#39;re a real person 
				
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LcZFQUAAAAAAJ9QFXfKx51NwX70Dq34NT2iqMFx"></script><script type="text/javascript" src="http://api.recaptcha.net/js/recaptcha.js"></script>
				<div class="recaptcha_nothad_incorrect_sol recaptcha_isnot_showing_audio" id="recaptcha_widget_div" style="">
					<div id="recaptcha_area">
						<table class="recaptchatable recaptcha_theme_clean" id="recaptcha_table">
						<a href="javascript:Recaptcha.reload ();" id="recaptcha_reload_btn" title="Get a new challenge">Refresh image</a> or <a class="recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio');" id="recaptcha_switch_audio_btn" title="Get an audio challenge">try the audio version.</a>
													</table>
					</div>
				</div>
							
	
	</fieldset>
	
			<fieldset class="cq-check-buttons">
				<input id="t-and-c-agree" name="t-and-c-agree" type="hidden" value="true" /> By signing up you agree to our&nbsp; <a href="/terms/terms_and_conditions.html" target="_BLANK">Terms &amp; Conditions</a>.</fieldset>
			<div class="buttons clearfix">
				<button class="button" name="submit" type="submit" value="Submit"><img alt="Submit" src="http://static.socialgo.com/icons/tick.png" title="Sign Up" /> Sign Up</button></div>
		</form>
	</div>
</div>

Revision: 23729

at February 11, 2010 21:25 by widgetlaboratory

Updated Code

<div class="form-box" id="site-sign-up">
	<h2>
		Create An Account:</h2>
	<div class="form-box-content clearfix">
		<form action="/action/sign_up" enctype="multipart/form-data" id="form-signup" method="POST" name="form-signup">
			
			<fieldset>
				<div class="form-error hide" id="form-signup-error">&nbsp;</div>
				<div class="clearfix" style="width: 225px;">
					<div class="left" style="width: 225px;">
						<label for="form-name">First Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-name" name="form-name" rel="validate[required]" size="21" type="text" value="" /></div>
					<div class="left" style="width: 225px;">
						<label for="form-surname">Last Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-surname" name="form-surname" rel="validate[required]" size="21" type="text" value="" /></div>
				</div>
				<label for="form-email">Email</label>
						<input id="form-email" name="form-email" size="30" maxlength="128" value="" rel="validate[required, email]" type="text"><img src="http://static.socialgo.com/icons/delete.png" id="form-email-wrong" class="icon-wrong" style="visibility: hidden;"><br>


					<label for="form-password">Password</label>					
					<input id="form-password" maxlength="128" name="form-password" rel="validate[required, password]" size="21" type="password" value="" /><img class="icon-wrong" id="form-password-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />					
					<label for="form-password-confirm">Repeat Password</label>
					<input id="form-password-confirm" maxlength="128" name="form-password-confirm" rel="validate[required, password]" size="21" type="password" value="" /><img class="icon-wrong" id="form-password-confirm-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />
			</fieldset>
			
			
			<br />
				<input id="customq-40180-crc" name="customq-40180-crc" type="hidden" value="0" />			
				
				
<h2>Image Verification</h2>
						
			<fieldset>
			
			
			
			
				Type the words below to prove that you&#39;re a real person 
				
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LcZFQUAAAAAAJ9QFXfKx51NwX70Dq34NT2iqMFx"></script><script type="text/javascript" src="http://api.recaptcha.net/js/recaptcha.js"></script>
				<div class="recaptcha_nothad_incorrect_sol recaptcha_isnot_showing_audio" id="recaptcha_widget_div" style="">
					<div id="recaptcha_area">
						<table class="recaptchatable recaptcha_theme_clean" id="recaptcha_table">
						<a href="javascript:Recaptcha.reload ();" id="recaptcha_reload_btn" title="Get a new challenge">Refresh image</a> or <a class="recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio');" id="recaptcha_switch_audio_btn" title="Get an audio challenge">try the audio version.</a>
													</table>
					</div>
				</div>
							
	
	</fieldset>
	
			<fieldset class="cq-check-buttons">
				<input id="t-and-c-agree" name="t-and-c-agree" type="hidden" value="true" /> By signing up you agree to our&nbsp; <a href="/terms/terms_and_conditions.html" target="_BLANK">Terms &amp; Conditions</a>.</fieldset>
			<div class="buttons clearfix">
				<button class="button" name="submit" type="submit" value="Submit"><img alt="Submit" src="http://static.socialgo.com/icons/tick.png" title="Sign Up" /> Sign Up</button></div>
		</form>
	</div>
</div>

Revision: 23728

at February 11, 2010 21:24 by widgetlaboratory

Updated Code

<div class="form-box" id="site-sign-up">
	<h2>
		Create An Account:</h2>
	<div class="form-box-content clearfix">
		<form action="/action/sign_up" enctype="multipart/form-data" id="form-signup" method="POST" name="form-signup">
			
			<fieldset>
				<div class="form-error hide" id="form-signup-error">&nbsp;</div>
				<div class="clearfix" style="width: 225px;">
					<div class="left" style="width: 225px;">
						<label for="form-name">First Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-name" name="form-name" rel="validate[required]" size="21" type="text" value="" /></div>
					<div class="left" style="width: 225px;">
						<label for="form-surname">Last Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-surname" name="form-surname" rel="validate[required]" size="21" type="text" value="" /></div>
				</div>
				<label for="form-email">Email</label>
						<input id="form-email" name="form-email" size="30" maxlength="128" value="" rel="validate[required, email]" type="text"><img src="http://static.socialgo.com/icons/delete.png" id="form-email-wrong" class="icon-wrong" style="visibility: hidden;"><br>


					<label for="form-password">Password</label>					
					<input id="form-password" maxlength="128" name="form-password" rel="validate[required, password]" size="21" type="password" value="" /><img class="icon-wrong" id="form-password-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />					
					<label for="form-password-confirm">Repeat Password</label>
					<input id="form-password-confirm" maxlength="128" name="form-password-confirm" rel="validate[required, password]" size="21" type="password" value="" /><img class="icon-wrong" id="form-password-confirm-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />
			</fieldset>
			
			
			<br />
				<input id="customq-40180-crc" name="customq-40180-crc" type="hidden" value="0" />			
				
				
<h2>Image Verification</h2>
						
			<fieldset>
			
			
			
			
				Type the words below to prove that you&#39;re a real person 
				
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LcZFQUAAAAAAJ9QFXfKx51NwX70Dq34NT2iqMFx"></script><script type="text/javascript" src="http://api.recaptcha.net/js/recaptcha.js"></script>
				<div class="recaptcha_nothad_incorrect_sol recaptcha_isnot_showing_audio" id="recaptcha_widget_div" style="">
					<div id="recaptcha_area">
						<table class="recaptchatable recaptcha_theme_clean" id="recaptcha_table">
						<a href="javascript:Recaptcha.reload ();" id="recaptcha_reload_btn" title="Get a new challenge">Refresh Image</a> or <a class="recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio');" id="recaptcha_switch_audio_btn" title="Get an audio challenge">try the audio version.</a>
													</table>
					</div>
				</div>
							
	
	</fieldset>
	
			<fieldset class="cq-check-buttons">
				<input id="t-and-c-agree" name="t-and-c-agree" type="hidden" value="true" /> By signing up you agree to our&nbsp; <a href="/terms/terms_and_conditions.html" target="_BLANK">Terms &amp; Conditions</a>.</fieldset>
			<div class="buttons clearfix">
				<button class="button" name="submit" type="submit" value="Submit"><img alt="Submit" src="http://static.socialgo.com/icons/tick.png" title="Sign Up" /> Sign Up</button></div>
		</form>
	</div>
</div>

Revision: 23727

at February 11, 2010 21:21 by widgetlaboratory

Updated Code

<style>
.recaptchatable a img {
display:none;
}
.recaptchatable td img {
display:none;
}
</style>
<div class="form-box" id="site-sign-up">
	<h2>
		Create An Account:</h2>
	<div class="form-box-content clearfix">
		<form action="/action/sign_up" enctype="multipart/form-data" id="form-signup" method="POST" name="form-signup">
			
			<fieldset>
				<div class="form-error hide" id="form-signup-error">&nbsp;</div>
				<div class="clearfix" style="width: 225px;">
					<div class="left" style="width: 225px;">
						<label for="form-name">First Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-name" name="form-name" rel="validate[required]" size="21" type="text" value="" /></div>
					<div class="left" style="width: 225px;">
						<label for="form-surname">Last Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-surname" name="form-surname" rel="validate[required]" size="21" type="text" value="" /></div>
				</div>
				<label for="form-email">Email</label>
						<input id="form-email" name="form-email" size="30" maxlength="128" value="" rel="validate[required, email]" type="text"><img src="http://static.socialgo.com/icons/delete.png" id="form-email-wrong" class="icon-wrong" style="visibility: hidden;"><br>


					<label for="form-password">Password</label>					
					<input id="form-password" maxlength="128" name="form-password" rel="validate[required, password]" size="21" type="password" value="" /><img class="icon-wrong" id="form-password-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />					
					<label for="form-password-confirm">Repeat Password</label>
					<input id="form-password-confirm" maxlength="128" name="form-password-confirm" rel="validate[required, password]" size="21" type="password" value="" /><img class="icon-wrong" id="form-password-confirm-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />
			</fieldset>
			
			
			<br />
				<input id="customq-40180-crc" name="customq-40180-crc" type="hidden" value="0" />			
				
				
<h2>Image Verification</h2>
						
			<fieldset>
			
			
			
			
				Type the words below to prove that you&#39;re a real person 
				
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LcZFQUAAAAAAJ9QFXfKx51NwX70Dq34NT2iqMFx"></script><script type="text/javascript" src="http://api.recaptcha.net/js/recaptcha.js"></script>
				<div class="recaptcha_nothad_incorrect_sol recaptcha_isnot_showing_audio" id="recaptcha_widget_div" style="">
					<div id="recaptcha_area">
						<table class="recaptchatable recaptcha_theme_clean" id="recaptcha_table">
							<tbody>
								<tr height="73">
									
									<td style="padding: 10px 7px 7px;">
										<a href="javascript:Recaptcha.reload ();" id="recaptcha_reload_btn" title="Get a new challenge">Refresh Image</a> <a class="recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio');" id="recaptcha_switch_audio_btn" title="Get an audio challenge">Audio Version</a></td>
									</tr>
							</tbody>
						</table>
					</div>
				</div>
							
	
	</fieldset>
	
			<fieldset class="cq-check-buttons">
				<input id="t-and-c-agree" name="t-and-c-agree" type="hidden" value="true" /> By signing up you agree to our&nbsp; <a href="/terms/terms_and_conditions.html" target="_BLANK">Terms &amp; Conditions</a>.</fieldset>
			<div class="buttons clearfix">
				<button class="button" name="submit" type="submit" value="Submit"><img alt="Submit" src="http://static.socialgo.com/icons/tick.png" title="Sign Up" /> Sign Up</button></div>
		</form>
	</div>
</div>

Revision: 23726

at February 11, 2010 21:13 by widgetlaboratory

Initial Code

<div class="form-box" id="site-sign-up">
	<h2>
		Create An Account:</h2>
	<div class="form-box-content clearfix">
		<form action="/action/sign_up" enctype="multipart/form-data" id="form-signup" method="POST" name="form-signup">
			
			<fieldset>
				<div class="form-error hide" id="form-signup-error">&nbsp;</div>
				<div class="clearfix" style="width: 225px;">
					<div class="left" style="width: 225px;">
						<label for="form-name">First Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-name" name="form-name" rel="validate[required]" size="21" type="text" value="" /></div>
					<div class="left" style="width: 225px;">
						<label for="form-surname">Last Name</label></div><br/>
					<div class="left" style="width: 225px;"><input class="name-check" id="form-surname" name="form-surname" rel="validate[required]" size="21" type="text" value="" /></div>
				</div>
				<label for="form-email">Email</label>
						<input id="form-email" name="form-email" size="30" maxlength="128" value="" rel="validate[required, email]" type="text"><img src="http://static.socialgo.com/icons/delete.png" id="form-email-wrong" class="icon-wrong" style="visibility: hidden;"><br>


					<label for="form-password">Password</label>					
					<input id="form-password" maxlength="128" name="form-password" rel="validate[required, password]" size="21" type="password" value="" /><img class="icon-wrong" id="form-password-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />					
					<label for="form-password-confirm">Repeat Password</label>
					<input id="form-password-confirm" maxlength="128" name="form-password-confirm" rel="validate[required, password]" size="21" type="password" value="" /><img class="icon-wrong" id="form-password-confirm-wrong" src="http://static.socialgo.com/icons/delete.png" style="visibility: hidden;" />
			</fieldset>
			
			
			<br />
				<input id="customq-40180-crc" name="customq-40180-crc" type="hidden" value="0" />			
				
				
<h2>Image Verification</h2>
						
			<fieldset>
			
			
			
			
				Type the words below to prove that you&#39;re a real person 
				
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LcZFQUAAAAAAJ9QFXfKx51NwX70Dq34NT2iqMFx"></script><script type="text/javascript" src="http://api.recaptcha.net/js/recaptcha.js"></script>
				<div class="recaptcha_nothad_incorrect_sol recaptcha_isnot_showing_audio" id="recaptcha_widget_div" style="">
					<div id="recaptcha_area">
						<table class="recaptchatable recaptcha_theme_clean" id="recaptcha_table">
							<tbody>
								<tr height="73">
									
									<td style="padding: 10px 7px 7px;">
										<a href="javascript:Recaptcha.reload ();" id="recaptcha_reload_btn" title="Get a new challenge"><img alt="Get a new challenge" height="18" id="recaptcha_reload" src="http://api.recaptcha.net/img/clean/refresh.png" width="25" /></a> <a class="recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio');" id="recaptcha_switch_audio_btn" title="Get an audio challenge"><img alt="Get an audio challenge" height="15" id="recaptcha_switch_audio" src="http://api.recaptcha.net/img/clean/audio.png" width="25" /></a><a class="recaptcha_only_if_audio" href="javascript:Recaptcha.switch_type('image');" id="recaptcha_switch_img_btn" title="Get a visual challenge"><img alt="Get a visual challenge" height="15" id="recaptcha_switch_img" src="http://api.recaptcha.net/img/clean/text.png" width="25" /></a> <a href="http://recaptcha.net/popuphelp/" id="recaptcha_whatsthis_btn" target="_blank" title="Help"><img alt="Help" height="16" id="recaptcha_whatsthis" src="http://api.recaptcha.net/img/clean/help.png" width="25" /></a></td>
									<td style="padding: 18px 7px;">
										<img alt="" height="36" id="recaptcha_logo" src="http://api.recaptcha.net/img/clean/logo.png" width="71" /></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
							
	
	</fieldset>
	
			<fieldset class="cq-check-buttons">
				<input id="t-and-c-agree" name="t-and-c-agree" type="hidden" value="true" /> By signing up you agree to our&nbsp; <a href="/terms/terms_and_conditions.html" target="_BLANK">Terms &amp; Conditions</a>.</fieldset>
			<div class="buttons clearfix">
				<button class="button" name="submit" type="submit" value="Submit"><img alt="Submit" src="http://static.socialgo.com/icons/tick.png" title="Sign Up" /> Sign Up</button></div>
		</form>
	</div>
</div>

Initial URL

http://labsecrets.com/2010/02/11/how-to-simplify-the-membership-login-page-on-your-socialgo-site/

Initial Description

There are two parts to the code below. The top portion is the CSS, which you should copy and paste to your Ads & Custom HTML area. The bottom portion is the html code you should paste into a new HTML Widget that you place on a new page.

Initial Title

SocialGO custom login form

Initial Tags

Initial Language

HTML

Choose a language for easy browsing: