Like you see on the picture I want to move important stuff and "Registruj se" button above the registration(where they user name, pasword, email) and then I want to center that whole thing. Can anyone help me with that?
![[Image: untitled.jpg]](https://camo.mybb.com/6e4d93f865ae39bbf327b73ee76443b2391eddf4/687474703a2f2f7777772e646f64616a2e72732f662f4a2f52522f334c7256575738642f756e7469746c65642e6a7067)
Here you can find my member_register code
http://pastebin.com/DBjBYYNe
Try this:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->registration}</title>
{$headerinclude}
<script type="text/javascript" src="jscripts/validator.js"></script>
<style type="text/css">
fieldset{border:0;}
</style>
</head>
<body onload=' location.href="#content" '>
{$header}
<div align="center">
<a name="signup"></a>
<form action="member.php" method="post" id="registration_form" name="registration_form"><input type="text" style="visibility: hidden;" value="" name="regcheck1" /><input type="text" style="visibility: hidden;" value="true" name="regcheck2" />
{$regerrors}
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30%" valign="top" class="trow1">
<table cellspacing="0" cellpadding="4" width="95%">
<tr>
<td colspan="2">
<h4>Username</h4>
<input type="text" class="textbox" name="username" id="username" style="width: 100%; padding: 3px; font-size: 1.2em;" value="{$username}" /></td>
</tr>
{$passboxes}
<tr>
<td><h5>Email</h5>
<input type="text" class="textbox" name="email" id="email" style="width: 100%; padding: 3px;" maxlength="50" value="{$email}" /></td>
<td><h5>Confirm Email</h5>
<input type="text" class="textbox" name="email2" id="email2"style="width: 100%; padding: 3px;" maxlength="50" value="{$email2}" /></td>
</tr>
<tr>
<td colspan="2" style="display: none;" id="email_status"> </td>
</tr>
</tr>
</div>
</td>
<td width="70%" valign="top" style="padding-left: 40px;">
<input type="hidden" name="step" value="registration" />
<input type="hidden" name="action" value="do_register" />
<input type="hidden" name="emailpmnotify" id="emailpmnotify" value="1" {$emailpmnotifycheck} />
<input type="hidden" name="receivepms" id="receivepms" value="1" {$receivepmscheck} />
<input type="hidden" name="pmnotice" id="pmnotice" value="1" {$pmnoticecheck} />
<input type="hidden" name="allownotices" id="allownotices" value="1" {$allownoticescheck} />
<br />
<h4 style="text-align: center;">Important Stuff</h4>
<p class="smalltext" style="text-align:center;">By joining Sky Arena, you agree to our <a href="http://sky-arena.com/misc.php?action=help&hid=8" target="_blank">Community Rules</a> and <a href="http://sky-arena.com/misc.php?action=help&hid=13" target="_blank">Terms of Service</a>.</p>
<input type="submit" class="button" style="font-size: 1.5em; margin-left: auto; margin-right: auto; width: 100%;" name="regsubmit" value="Registruj se" />
<br class="clear">
</td>
</tr>
</table>
<br />
<div align="center">
<input type="hidden" name="step" value="registration" />
<input type="hidden" name="action" value="do_register" />
</div>
</form>
</div>
<script type="text/javascript">
<!--
regValidator = new FormValidator('registration_form');
regValidator.register('username', 'notEmpty', {failure_message:'{$lang->js_validator_no_username}'});
regValidator.register('email', 'regexp', {match_field:'email2', regexp:'^([a-zA-Z0-9_\\.\\+\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$', failure_message:'{$lang->js_validator_invalid_email}'});
regValidator.register('email2', 'matches', {match_field:'email', status_field:'email_status', failure_message:'{$lang->js_validator_email_match}'});
{$validator_extra}
regValidator.register('username', 'ajax', {url:'xmlhttp.php?action=username_availability', loading_message:'{$lang->js_validator_checking_username}'}); // needs to be last
// -->
</script>
<!-- <script type="text/javascript" language="JavaScript">
document.forms['registration_form'].elements['username'].focus();
</script>
-->
{$footer}
</body>
</html>#content
Hi,
This looks like a theme issue, you should edit the style / template to re-align.
(2012-08-26, 11:01 PM)testerwester Wrote: [ -> ]Try this:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->registration}</title>
{$headerinclude}
<script type="text/javascript" src="jscripts/validator.js"></script>
<style type="text/css">
fieldset{border:0;}
</style>
</head>
<body onload=' location.href="#content" '>
{$header}
<div align="center">
<a name="signup"></a>
<form action="member.php" method="post" id="registration_form" name="registration_form"><input type="text" style="visibility: hidden;" value="" name="regcheck1" /><input type="text" style="visibility: hidden;" value="true" name="regcheck2" />
{$regerrors}
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30%" valign="top" class="trow1">
<table cellspacing="0" cellpadding="4" width="95%">
<tr>
<td colspan="2">
<h4>Username</h4>
<input type="text" class="textbox" name="username" id="username" style="width: 100%; padding: 3px; font-size: 1.2em;" value="{$username}" /></td>
</tr>
{$passboxes}
<tr>
<td><h5>Email</h5>
<input type="text" class="textbox" name="email" id="email" style="width: 100%; padding: 3px;" maxlength="50" value="{$email}" /></td>
<td><h5>Confirm Email</h5>
<input type="text" class="textbox" name="email2" id="email2"style="width: 100%; padding: 3px;" maxlength="50" value="{$email2}" /></td>
</tr>
<tr>
<td colspan="2" style="display: none;" id="email_status"> </td>
</tr>
</tr>
</div>
</td>
<td width="70%" valign="top" style="padding-left: 40px;">
<input type="hidden" name="step" value="registration" />
<input type="hidden" name="action" value="do_register" />
<input type="hidden" name="emailpmnotify" id="emailpmnotify" value="1" {$emailpmnotifycheck} />
<input type="hidden" name="receivepms" id="receivepms" value="1" {$receivepmscheck} />
<input type="hidden" name="pmnotice" id="pmnotice" value="1" {$pmnoticecheck} />
<input type="hidden" name="allownotices" id="allownotices" value="1" {$allownoticescheck} />
<br />
<h4 style="text-align: center;">Important Stuff</h4>
<p class="smalltext" style="text-align:center;">By joining Sky Arena, you agree to our <a href="http://sky-arena.com/misc.php?action=help&hid=8" target="_blank">Community Rules</a> and <a href="http://sky-arena.com/misc.php?action=help&hid=13" target="_blank">Terms of Service</a>.</p>
<input type="submit" class="button" style="font-size: 1.5em; margin-left: auto; margin-right: auto; width: 100%;" name="regsubmit" value="Registruj se" />
<br class="clear">
</td>
</tr>
</table>
<br />
<div align="center">
<input type="hidden" name="step" value="registration" />
<input type="hidden" name="action" value="do_register" />
</div>
</form>
</div>
<script type="text/javascript">
<!--
regValidator = new FormValidator('registration_form');
regValidator.register('username', 'notEmpty', {failure_message:'{$lang->js_validator_no_username}'});
regValidator.register('email', 'regexp', {match_field:'email2', regexp:'^([a-zA-Z0-9_\\.\\+\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$', failure_message:'{$lang->js_validator_invalid_email}'});
regValidator.register('email2', 'matches', {match_field:'email', status_field:'email_status', failure_message:'{$lang->js_validator_email_match}'});
{$validator_extra}
regValidator.register('username', 'ajax', {url:'xmlhttp.php?action=username_availability', loading_message:'{$lang->js_validator_checking_username}'}); // needs to be last
// -->
</script>
<!-- <script type="text/javascript" language="JavaScript">
document.forms['registration_form'].elements['username'].focus();
</script>
-->
{$footer}
</body>
</html>#content
I belive that you are on good way but that is still not what I loking for. This is how it looks now:
![[Image: untitled.jpg]](https://camo.mybb.com/7d812b119222345149c3ee1020ba9abbacbb765f/687474703a2f2f7777772e646f64616a2e72732f662f31342f456d2f335937463278324e2f756e7469746c65642e6a7067)
This should work:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->registration}</title>
{$headerinclude}
<script type="text/javascript" src="jscripts/validator.js"></script>
<style type="text/css">
fieldset{border:0;}
</style>
</head>
<body onload=' location.href="#content" '>
{$header}
<div align="center">
<a name="signup"></a>
<form action="member.php" method="post" id="registration_form" name="registration_form"><input type="text" style="visibility: hidden;" value="" name="regcheck1" /><input type="text" style="visibility: hidden;" value="true" name="regcheck2" />
{$regerrors}
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30%" valign="top" class="trow1">
<table cellspacing="0" cellpadding="4" width="95%">
<tr>
<td colspan="2">
<h4>Username</h4>
<input type="text" class="textbox" name="username" id="username" style="width: 100%; padding: 3px; font-size: 1.2em;" value="{$username}" /></td>
</tr>
{$passboxes}
<tr>
<td><h5>Email</h5>
<input type="text" class="textbox" name="email" id="email" style="width: 100%; padding: 3px;" maxlength="50" value="{$email}" /></td>
<td><h5>Confirm Email</h5>
<input type="text" class="textbox" name="email2" id="email2"style="width: 100%; padding: 3px;" maxlength="50" value="{$email2}" /></td>
</tr>
<tr>
<td colspan="2" style="display: none;" id="email_status"> </td>
</tr>
</tr>
</div>
</td>
<div align="center">
<td width="100%" valign="top" style="padding-left: 40px;">
<input type="hidden" name="step" value="registration" />
<input type="hidden" name="action" value="do_register" />
<input type="hidden" name="emailpmnotify" id="emailpmnotify" value="1" {$emailpmnotifycheck} />
<input type="hidden" name="receivepms" id="receivepms" value="1" {$receivepmscheck} />
<input type="hidden" name="pmnotice" id="pmnotice" value="1" {$pmnoticecheck} />
<input type="hidden" name="allownotices" id="allownotices" value="1" {$allownoticescheck} />
<br />
<h4 style="text-align: center;">Important Stuff</h4>
<p class="smalltext" style="text-align:center;">By joining Sky Arena, you agree to our <a href="http://sky-arena.com/misc.php?action=help&hid=8" target="_blank">Community Rules</a> and <a href="http://sky-arena.com/misc.php?action=help&hid=13" target="_blank">Terms of Service</a>.</p>
<input type="submit" class="button" style="font-size: 1.5em; margin-left: auto; margin-right: auto; width: 100%;" name="regsubmit" value="Registruj se" />
<br class="clear">
</td>
</div>
</tr>
</table>
<br />
<div align="center">
<input type="hidden" name="step" value="registration" />
<input type="hidden" name="action" value="do_register" />
</div>
</form>
</div>
<script type="text/javascript">
<!--
regValidator = new FormValidator('registration_form');
regValidator.register('username', 'notEmpty', {failure_message:'{$lang->js_validator_no_username}'});
regValidator.register('email', 'regexp', {match_field:'email2', regexp:'^([a-zA-Z0-9_\\.\\+\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$', failure_message:'{$lang->js_validator_invalid_email}'});
regValidator.register('email2', 'matches', {match_field:'email', status_field:'email_status', failure_message:'{$lang->js_validator_email_match}'});
{$validator_extra}
regValidator.register('username', 'ajax', {url:'xmlhttp.php?action=username_availability', loading_message:'{$lang->js_validator_checking_username}'}); // needs to be last
// -->
</script>
<!-- <script type="text/javascript" language="JavaScript">
document.forms['registration_form'].elements['username'].focus();
</script>
-->
{$footer}
</body>
</html>#content
* Leefish raises an eyebrow.
It actually looked fine as I originally made it for you, you know. Then you wouldn't be messing about trying to resize everything.
(2012-08-27, 12:53 PM)Leefish Wrote: [ -> ]* Leefish raises an eyebrow.
It actually looked fine as I originally made it for you, you know. Then you wouldn't be messing about trying to resize everything.
It was awesome. But later I had problems with errors so I reuploaded whole member.php and one more thing. After that everything was lost! :/