SocialGO custom login form
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.
Copy this code and paste it in your HTML
/* 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" > <div class = "form-box-content clearfix" > <form action = "/action/sign_up" enctype = "multipart/form-data" id = "form-signup" method = "POST" name = "form-signup" >
<div class = "form-error hide" id = "form-signup-error" > </ div > <div class = "clearfix" style = "width: 225px;" > <div class = "left" style = "width: 225px;" > <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;" > <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 > <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 >
<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;" / >
<input id = "customq-40180-crc" name = "customq-40180-crc" type = "hidden" value = "0" / >
<h2 > Image Verification
</ h2 >
Type the words below to prove that you' 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 >
<input id = "t-and-c-agree" name = "t-and-c-agree" type = "hidden" value = "true" / > By signing up you agree to our
<a href = "/terms/terms_and_conditions.html" target = "_BLANK" > Terms
& 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 >
URL: http://labsecrets.com/2010/02/11/how-to-simplify-the-membership-login-page-on-your-socialgo-site/
Report this snippet
Comments
Subscribe to comments