How to creare horizontal login form

[Nathan]

Hi,

How can i change the login form from a block one to a horizontal login form?

Instead of this:
Username
-------------
-------------
Password
-------------
-------------
Login


To this:
Username:----------- Password:---------Login Forgot Your Password.



Thanks,


Cheers....

[Trace]

In the template for the login body (login_body.tpl), by default the content should be this:

Code: Select all

<form name="login_form" method="post" action="{$smarty.const._URL}/login.php">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td>{$lang.username}<br />
    <input name="username" type="text" size="15" class="inputtext" /></td>
  </tr>
  <tr>
    <td>{$lang.password}<br />
      <input name="pass" type="password" size="15" class="inputtext" />
   </td>
  </tr>
  <tr>
  <td>
  <input name="remember" type="checkbox" value="1" {if $smarty.post.remember} checked="checked"{/if} />
      {$lang.remember_me}
  </td>
  </tr>
  <tr>
    <td><label>
   <input type="hidden" name="ref" value="{$ref}" />
      <input type="submit" name="Login" value="{$lang.login}" class="inputbutton" />
    </label></td>
  </tr>
  <tr>

    <td><span class="signup"><a href="{$smarty.const._URL}/login.{$smarty.const._FEXT}?do=forgot_pass">{$lang.forgot_pass}</a></span></td>

  </tr>
</table>
</form>

Replace with this to fix:

Code: Select all

<form name="login_form" method="post" action="{$smarty.const._URL}/login.php">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td>{$lang.username}<br />
    <input name="username" type="text" size="15" class="inputtext" /> {$lang.password}<br />
      <input name="pass" type="password" size="15" class="inputtext" />
  <input name="remember" type="checkbox" value="1" {if $smarty.post.remember} checked="checked"{/if} />
      {$lang.remember_me}
<label>
   <input type="hidden" name="ref" value="{$ref}" />
      <input type="submit" name="Login" value="{$lang.login}" class="inputbutton" />
    </label><span class="signup"><a href="{$smarty.const._URL}/login.{$smarty.const._FEXT}?do=forgot_pass">{$lang.forgot_pass}</a></span></td>

  </tr>
</table>
</form>

Note that this is just a crude fix, you can just edit the html in a way that suits you in this file.

[Nathan]

Thanks Trace, i will give a try and let you know.