BigJohnny
02-07-2009, 01:16 AM
I installed the Live Feedback Registration hack I purchased a while back, and I wanted to modify the register template a little bit but I can't figure out how to get it to look like I want it to.
Here is my "register" template, and the screenshot shows how it looks in action.
$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
<!-- Live Feed Back Registration -->
$livefeedbacksystemjs
<!-- / Live Feed Back Registration -->
<title>$vboptions[bbtitle] - <if condition="$show['coppa']">$vbphrase[coppa] </if>$vbphrase[registration]</title>
</head>
<body>
$header
<br />
<if condition="$show['coppa']">
<div>$vbphrase[until_receive_signed_form]</div>
</if>
<if condition="$show['errors']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat">$vbphrase[errors_occurred_during_registration]</td>
</tr>
<tr>
<td class="alt1"><ul>$errorlist</ul></td>
</tr>
</table>
<br />
</if>
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript">
function verify_passwords(password1, password2)
{
// do various checks, this will save people noticing mistakes on next page
if (password1.value == '' || password2.value == '')
{
alert('$vbphrase[fill_out_both_password_fields]');
return false;
}
else if (password1.value != password2.value)
{
alert('$vbphrase[entered_passwords_do_not_match]');
return false;
}
else
{
<if condition="$show['coppa']">
pass_copy = password1.value;
passconfirm_copy = password2.value;
</if>
var junk_output;
md5hash(password1, document.forms.register.password_md5, junk_output, $show[nopasswordempty]);
md5hash(password2, document.forms.register.passwordconfirm_md5, junk_output, $show[nopasswordempty]);
<if condition="$show['coppa']">
document.forms.register.password.value = pass_copy;
document.forms.register.passwordconfirm.value = passconfirm_copy;
</if>
return true;
}
return false;
}
</script>
<form action="register.php?do=addmember" name="register" method="post" onsubmit="return verify_passwords(password, passwordconfirm);">
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="addmember" />
<input type="hidden" name="url" value="$url" />
<input type="hidden" name="agree" value="$agree" />
<input type="hidden" name="password_md5" />
<input type="hidden" name="passwordconfirm_md5" />
<if condition="!$show['birthday']">
<input type="hidden" name="day" value="$day" />
<input type="hidden" name="month" value="$month" />
<input type="hidden" name="year" value="$year" />
</if>
<if condition="$show['coppa']">
<input type="hidden" name="coppauser" value="1" />
</if>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat"><phrase 1="$vboptions[bbtitle]">$vbphrase[register_at_x]</phrase></td>
</tr>
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
<div class="smallfont" style="margin-bottom:$stylevar[formspacer]px">
<phrase 1="$vboptions[bbtitle]">$vbphrase[to_post_must_first_register]</phrase>
</div>
<!-- Live Feed Back Registration (Username)-->
<fieldset class="fieldset">
<legend>$vbphrase[username]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="100%">
<tr>
<td <if condition="$show[lfsuname]">colspan="2"</if> class="smallfont" style="margin-bottom:$stylevar[formspacer]px"><phrase 1="$vboptions[bbtitle]">$vbphrase[to_post_must_first_register]</phrase></td>
</tr>
<tr>
<td>$vbphrase[username]:<br /><input type="text" class="bginput" name="username" size="40" maxlength="$vboptions[maxuserlength]" value="$username" <if condition="$show[lfsuname]"><if condition="$lfsunametype">onkeyup<else />onblur</if>="liveCheck(this.value,'',$vboptions[minuserlength])"</if> />
</td>
<if condition="$show[lfsuname]">
<td width="50%">
<br /><span class="namechoose" id="nameCheck">$vbphrase[lfsr_username_choose]</span>
</td>
</if>
</tr>
</table>
</fieldset>
<!-- / Live Feed Back Registration (Username)-->
<!-- Live Feed Back Registration (Password) -->
<fieldset class="fieldset">
<legend>$vbphrase[password]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="95%">
<tr>
<td colspan="<if condition="$show[lfspw]">3<else />2</if>">$vbphrase[enter_password_for_account]</td>
</tr>
<tr valign="top">
<td width="33%">
$vbphrase[password]:<br />
<input type="password" class="bginput" name="password" size="25" maxlength="15" value="$password"<if condition="$show[lfspw]"><if condition="$show[lfspwsug]"> onfocus="pwSuggest();"</if><if condition="$show[lfspwstr]"> onkeyup="livePassCheck(this.value, $pwsug);"</if></if> />
</td>
<td width="33%">
$vbphrase[confirm_password]:<br />
<input type="password" class="bginput" name="passwordconfirm" size="25" maxlength="15" value="$passwordconfirm"<if condition="$show[lfspw]"> onblur="match_fields('lfspwconfirm','password');"</if> />
</td>
<if condition="$show[lfspw]">
<td width="34%">
<span id="pw_strength_title"></span><br /><span id="lfspwconfirm"></span>
</td>
</if>
</tr>
<if condition="$show[lfspw]">
<if condition="$show[lfspwsug]">
<tr>
<td colspan="3"><span id="pw_suggest_text" onclick="pwSuggest();"></span> <span id="pw_suggest"></span></td>
</tr>
</if>
<if condition="$show[lfspwstr]">
<tr>
<td colspan="3"><span id="pw_guideline"></span></td>
</tr>
</if>
</if>
</table>
</fieldset>
<!-- / Live Feedback Registration (Password) -->
<!-- Live Feedback Registration (Email) -->
<fieldset class="fieldset">
<legend>$vbphrase[email_address]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="100%">
<tr>
<td colspan="2">$vbphrase[enter_valid_email_address]</td>
</tr>
<tr>
<td>
$vbphrase[email_address]:<br />
<input type="text" class="bginput" name="email" size="40" maxlength="50" value="$email" dir="ltr"<if condition="$show[lfse]"> onblur="checkEmail(this.value,'');" onclick="loadDefault()"</if> />
</td>
<td>
$vbphrase[confirm_email_address]:<br />
<input type="text" class="bginput" name="emailconfirm" size="40" maxlength="50" value="$emailconfirm" dir="ltr"<if condition="$show[lfse]"> onblur="match_fields('lfseconfirm','email');"</if> />
</td>
</tr>
<if condition="$show[lfse]">
<tr>
<td colspan="2" width="100%"><span id="lfseconfirm"></span></td>
</tr>
</if>
<if condition="$show['coppa']">
<tr>
<td>$vbphrase[if_under_13_provide_parent]</td>
</tr>
<tr>
<td>
$vbphrase[parent_guardian_email]:<br />
<input type="text" class="bginput" name="parentemail" size="25" maxlength="50" value="$parentemail" dir="ltr" />
</td>
</tr>
</if>
</table>
</fieldset>
<!-- Live Feedback Registration (Email) -->
$human_verify
</div>
</div>
</td>
</tr>
</table>
<br />
<if condition="$show['customfields_profile']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[additional_required_information_profile]</td>
</tr>
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
$customfields_profile
<if condition="$show['birthday']">$birthdayfields</if>
</div>
</div>
</td>
</tr>
</table>
<br />
</if>
<if condition="$show['customfields_option']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[additional_required_information_option]</td>
</tr>
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
$customfields_option
</div>
</div>
</td>
</tr>
</table>
<br />
</if>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[additional_information]</td>
</tr>
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
<!-- Live Feedback Registration (Referer) -->
<if condition="$show['referrer']">
<fieldset class="fieldset">
<legend>$vbphrase[referrer]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="100%">
<tr>
<td<if condition="$show[lfsreferer]"> colspan="2"</if> class="smallfont" style="margin-bottom:$stylevar[formspacer]px"><phrase 1="$vboptions[bbtitle]">$vbphrase[if_referred_enter_name]</phrase></td>
</tr>
<tr>
<td>
$vbphrase[referrer]:<br />
<input type="text" class="bginput" name="referrername" value="$referrername" size="40" maxlength="$vboptions[maxuserlength]" onblur="checkReferer(this.value,'',$vboptions[minuserlength]);" />
</td>
<if condition="$show[lfsreferer]">
<td width="50%">
<br /><span id="lfsreferer"></span>
</td>
</if>
</tr>
</table>
</fieldset>
</if>
<!-- / Live Feedback Registration (Referer) -->
$timezoneoptions
<fieldset class="fieldset">
<legend>$vbphrase[receive_email]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="100%">
<tr>
<td>
$vbphrase[administrators_may_send_email]
</td>
</tr>
<tr>
<td><label for="cb_adminemail"><input type="checkbox" name="options[adminemail]" value="1" id="cb_adminemail" $checkedoff[adminemail] />$vbphrase[receive_email_from_bulletin_board_staff]</label></td>
</tr>
<if condition="$show['email']">
<tr>
<td>$vbphrase[allow_members_send_you_email]</td>
</tr>
<tr>
<td><label for="cb_showemail"><input type="checkbox" name="options[showemail]" value="1" id="cb_showemail" $checkedoff[showemail] />$vbphrase[receive_email_from_other_members]</label></td>
</tr>
</if>
</table>
</fieldset>
$customfields_other
</div>
</div>
<div style="margin-top:$stylevar[cellpadding]px">
<input type="submit" class="button" value="$vbphrase[complete_registration]" accesskey="s" />
<input type="reset" class="button" name="Reset" value="$vbphrase[reset_fields]" />
</div>
</td>
</tr>
</table>
</form>
$footer
</body>
</html>
Now heres what I want to change, but can't.
The boxes that say "Entries Match" and "Choose a username" should be lined up to the right side of those boxes. I'm not sure how to do this and anything I've tried has failed.
The password guidelines that show up below the password suggestion, I would like to put inside of a <legend> but when I do this, the legend shows up even when the guidelines haven't been activated yet. The code for the legend was inside of the <if> statement, surrounding the <span>, but was still visible anyway.
I hope someone can help with this, I can't quite get this right.
Here is my "register" template, and the screenshot shows how it looks in action.
$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
<!-- Live Feed Back Registration -->
$livefeedbacksystemjs
<!-- / Live Feed Back Registration -->
<title>$vboptions[bbtitle] - <if condition="$show['coppa']">$vbphrase[coppa] </if>$vbphrase[registration]</title>
</head>
<body>
$header
<br />
<if condition="$show['coppa']">
<div>$vbphrase[until_receive_signed_form]</div>
</if>
<if condition="$show['errors']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat">$vbphrase[errors_occurred_during_registration]</td>
</tr>
<tr>
<td class="alt1"><ul>$errorlist</ul></td>
</tr>
</table>
<br />
</if>
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript">
function verify_passwords(password1, password2)
{
// do various checks, this will save people noticing mistakes on next page
if (password1.value == '' || password2.value == '')
{
alert('$vbphrase[fill_out_both_password_fields]');
return false;
}
else if (password1.value != password2.value)
{
alert('$vbphrase[entered_passwords_do_not_match]');
return false;
}
else
{
<if condition="$show['coppa']">
pass_copy = password1.value;
passconfirm_copy = password2.value;
</if>
var junk_output;
md5hash(password1, document.forms.register.password_md5, junk_output, $show[nopasswordempty]);
md5hash(password2, document.forms.register.passwordconfirm_md5, junk_output, $show[nopasswordempty]);
<if condition="$show['coppa']">
document.forms.register.password.value = pass_copy;
document.forms.register.passwordconfirm.value = passconfirm_copy;
</if>
return true;
}
return false;
}
</script>
<form action="register.php?do=addmember" name="register" method="post" onsubmit="return verify_passwords(password, passwordconfirm);">
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="addmember" />
<input type="hidden" name="url" value="$url" />
<input type="hidden" name="agree" value="$agree" />
<input type="hidden" name="password_md5" />
<input type="hidden" name="passwordconfirm_md5" />
<if condition="!$show['birthday']">
<input type="hidden" name="day" value="$day" />
<input type="hidden" name="month" value="$month" />
<input type="hidden" name="year" value="$year" />
</if>
<if condition="$show['coppa']">
<input type="hidden" name="coppauser" value="1" />
</if>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat"><phrase 1="$vboptions[bbtitle]">$vbphrase[register_at_x]</phrase></td>
</tr>
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
<div class="smallfont" style="margin-bottom:$stylevar[formspacer]px">
<phrase 1="$vboptions[bbtitle]">$vbphrase[to_post_must_first_register]</phrase>
</div>
<!-- Live Feed Back Registration (Username)-->
<fieldset class="fieldset">
<legend>$vbphrase[username]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="100%">
<tr>
<td <if condition="$show[lfsuname]">colspan="2"</if> class="smallfont" style="margin-bottom:$stylevar[formspacer]px"><phrase 1="$vboptions[bbtitle]">$vbphrase[to_post_must_first_register]</phrase></td>
</tr>
<tr>
<td>$vbphrase[username]:<br /><input type="text" class="bginput" name="username" size="40" maxlength="$vboptions[maxuserlength]" value="$username" <if condition="$show[lfsuname]"><if condition="$lfsunametype">onkeyup<else />onblur</if>="liveCheck(this.value,'',$vboptions[minuserlength])"</if> />
</td>
<if condition="$show[lfsuname]">
<td width="50%">
<br /><span class="namechoose" id="nameCheck">$vbphrase[lfsr_username_choose]</span>
</td>
</if>
</tr>
</table>
</fieldset>
<!-- / Live Feed Back Registration (Username)-->
<!-- Live Feed Back Registration (Password) -->
<fieldset class="fieldset">
<legend>$vbphrase[password]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="95%">
<tr>
<td colspan="<if condition="$show[lfspw]">3<else />2</if>">$vbphrase[enter_password_for_account]</td>
</tr>
<tr valign="top">
<td width="33%">
$vbphrase[password]:<br />
<input type="password" class="bginput" name="password" size="25" maxlength="15" value="$password"<if condition="$show[lfspw]"><if condition="$show[lfspwsug]"> onfocus="pwSuggest();"</if><if condition="$show[lfspwstr]"> onkeyup="livePassCheck(this.value, $pwsug);"</if></if> />
</td>
<td width="33%">
$vbphrase[confirm_password]:<br />
<input type="password" class="bginput" name="passwordconfirm" size="25" maxlength="15" value="$passwordconfirm"<if condition="$show[lfspw]"> onblur="match_fields('lfspwconfirm','password');"</if> />
</td>
<if condition="$show[lfspw]">
<td width="34%">
<span id="pw_strength_title"></span><br /><span id="lfspwconfirm"></span>
</td>
</if>
</tr>
<if condition="$show[lfspw]">
<if condition="$show[lfspwsug]">
<tr>
<td colspan="3"><span id="pw_suggest_text" onclick="pwSuggest();"></span> <span id="pw_suggest"></span></td>
</tr>
</if>
<if condition="$show[lfspwstr]">
<tr>
<td colspan="3"><span id="pw_guideline"></span></td>
</tr>
</if>
</if>
</table>
</fieldset>
<!-- / Live Feedback Registration (Password) -->
<!-- Live Feedback Registration (Email) -->
<fieldset class="fieldset">
<legend>$vbphrase[email_address]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="100%">
<tr>
<td colspan="2">$vbphrase[enter_valid_email_address]</td>
</tr>
<tr>
<td>
$vbphrase[email_address]:<br />
<input type="text" class="bginput" name="email" size="40" maxlength="50" value="$email" dir="ltr"<if condition="$show[lfse]"> onblur="checkEmail(this.value,'');" onclick="loadDefault()"</if> />
</td>
<td>
$vbphrase[confirm_email_address]:<br />
<input type="text" class="bginput" name="emailconfirm" size="40" maxlength="50" value="$emailconfirm" dir="ltr"<if condition="$show[lfse]"> onblur="match_fields('lfseconfirm','email');"</if> />
</td>
</tr>
<if condition="$show[lfse]">
<tr>
<td colspan="2" width="100%"><span id="lfseconfirm"></span></td>
</tr>
</if>
<if condition="$show['coppa']">
<tr>
<td>$vbphrase[if_under_13_provide_parent]</td>
</tr>
<tr>
<td>
$vbphrase[parent_guardian_email]:<br />
<input type="text" class="bginput" name="parentemail" size="25" maxlength="50" value="$parentemail" dir="ltr" />
</td>
</tr>
</if>
</table>
</fieldset>
<!-- Live Feedback Registration (Email) -->
$human_verify
</div>
</div>
</td>
</tr>
</table>
<br />
<if condition="$show['customfields_profile']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[additional_required_information_profile]</td>
</tr>
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
$customfields_profile
<if condition="$show['birthday']">$birthdayfields</if>
</div>
</div>
</td>
</tr>
</table>
<br />
</if>
<if condition="$show['customfields_option']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[additional_required_information_option]</td>
</tr>
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
$customfields_option
</div>
</div>
</td>
</tr>
</table>
<br />
</if>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[additional_information]</td>
</tr>
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
<!-- Live Feedback Registration (Referer) -->
<if condition="$show['referrer']">
<fieldset class="fieldset">
<legend>$vbphrase[referrer]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="100%">
<tr>
<td<if condition="$show[lfsreferer]"> colspan="2"</if> class="smallfont" style="margin-bottom:$stylevar[formspacer]px"><phrase 1="$vboptions[bbtitle]">$vbphrase[if_referred_enter_name]</phrase></td>
</tr>
<tr>
<td>
$vbphrase[referrer]:<br />
<input type="text" class="bginput" name="referrername" value="$referrername" size="40" maxlength="$vboptions[maxuserlength]" onblur="checkReferer(this.value,'',$vboptions[minuserlength]);" />
</td>
<if condition="$show[lfsreferer]">
<td width="50%">
<br /><span id="lfsreferer"></span>
</td>
</if>
</tr>
</table>
</fieldset>
</if>
<!-- / Live Feedback Registration (Referer) -->
$timezoneoptions
<fieldset class="fieldset">
<legend>$vbphrase[receive_email]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" width="100%">
<tr>
<td>
$vbphrase[administrators_may_send_email]
</td>
</tr>
<tr>
<td><label for="cb_adminemail"><input type="checkbox" name="options[adminemail]" value="1" id="cb_adminemail" $checkedoff[adminemail] />$vbphrase[receive_email_from_bulletin_board_staff]</label></td>
</tr>
<if condition="$show['email']">
<tr>
<td>$vbphrase[allow_members_send_you_email]</td>
</tr>
<tr>
<td><label for="cb_showemail"><input type="checkbox" name="options[showemail]" value="1" id="cb_showemail" $checkedoff[showemail] />$vbphrase[receive_email_from_other_members]</label></td>
</tr>
</if>
</table>
</fieldset>
$customfields_other
</div>
</div>
<div style="margin-top:$stylevar[cellpadding]px">
<input type="submit" class="button" value="$vbphrase[complete_registration]" accesskey="s" />
<input type="reset" class="button" name="Reset" value="$vbphrase[reset_fields]" />
</div>
</td>
</tr>
</table>
</form>
$footer
</body>
</html>
Now heres what I want to change, but can't.
The boxes that say "Entries Match" and "Choose a username" should be lined up to the right side of those boxes. I'm not sure how to do this and anything I've tried has failed.
The password guidelines that show up below the password suggestion, I would like to put inside of a <legend> but when I do this, the legend shows up even when the guidelines haven't been activated yet. The code for the legend was inside of the <if> statement, surrounding the <span>, but was still visible anyway.
I hope someone can help with this, I can't quite get this right.