Posted By

widgetlaboratory on 02/11/10


Tagged

LabSecrets


Versions (?)

SocialGO custom login form


 / Published in: HTML
 

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

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.

  1. /* BELOW IS THE CSS PORTION - PLACE THIS IN YOUR ADS & CUSTOM HTML AREA */
  2.  
  3. /* This is a way to hide the login bar box on sidebar*/
  4.  
  5. div#sb-signup {
  6. display:none;
  7. }
  8.  
  9. /* This hides the reCaptcha images*/
  10.  
  11. .recaptchatable a img {
  12. display:none!important;
  13. }
  14.  
  15. .recaptchatable td img {
  16. display:none!important;
  17. }
  18.  
  19. /* END OF CUSTOM CSS PORTION */
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26. <div class="form-box" id="site-sign-up">
  27. <h2>
  28. Create An Account:</h2>
  29. <div class="form-box-content clearfix">
  30. <form action="/action/sign_up" enctype="multipart/form-data" id="form-signup" method="POST" name="form-signup">
  31.  
  32. <div class="form-error hide" id="form-signup-error">&nbsp;</div>
  33. <div class="clearfix" style="width: 225px;">
  34. <div class="left" style="width: 225px;">
  35. <label for="form-name">First Name</label></div><br/>
  36. <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>
  37. <div class="left" style="width: 225px;">
  38. <label for="form-surname">Last Name</label></div><br/>
  39. <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>
  40. </div>
  41. <label for="form-email">Email</label>
  42. <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>
  43.  
  44.  
  45. <label for="form-password">Password</label>
  46. <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;" />
  47. <label for="form-password-confirm">Repeat Password</label>
  48. <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;" />
  49.  
  50.  
  51. <br />
  52. <input id="customq-40180-crc" name="customq-40180-crc" type="hidden" value="0" />
  53.  
  54.  
  55. <h2>Image Verification</h2>
  56.  
  57.  
  58.  
  59.  
  60.  
  61. Type the words below to prove that you&#39;re a real person
  62.  
  63. <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>
  64. <div class="recaptcha_nothad_incorrect_sol recaptcha_isnot_showing_audio" id="recaptcha_widget_div" style="">
  65. <div id="recaptcha_area">
  66. <table class="recaptchatable recaptcha_theme_clean" id="recaptcha_table">
  67. <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>
  68. </table>
  69. </div>
  70. </div>
  71.  
  72.  
  73.  
  74. <fieldset class="cq-check-buttons">
  75. <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>
  76. <div class="buttons clearfix">
  77. <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>
  78. </form>
  79. </div>
  80. </div>

Report this snippet  

You need to login to post a comment.