Morning all. I am working on my first installation and I am making a new template. I have the home --> login top left of my page. The very first code. and I have the search turned off.
<div id="mainWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><a href="http://localhost/store/">Home</a></li>
<li><a href="http://localhost/store/index.php?main_page=login">Login</a></li>
</ul>
</div>
<div id="navMainSearch"></div>
<br class="clearBoth">
</div>
<!--eof-navigation display-->
I want returning users to be able to login from the home page, top right. My question is how can I place the text field and the password field and a small sign in image top left of the page. Is it a case of getting the code below into the header (and will it still work) and styling it with css. Any help hugely appreciated.
<!--BOF normal login-->
<form name="login" action="http://localhost/store/index.php?main_page=login&action=process" method="post"><fieldset>
<legend>Returning Customers: Please Log In</legend>
<label class="inputLabel" for="login-email-address">Email Address:</label>
<input name="email_address" size="41" maxlength="96" id="login-email-address" type="text"><br class="clearBoth">
<label class="inputLabel" for="login-password">Password:</label>
<input name="password" size="41" maxlength="40" id="login-password" type="password"><br class="clearBoth">
<input name="securityToken" value="db7a1f00c1deba95514b23ee0fba0c49" type="hidden"></fieldset>
<div class="buttonRow forward"><input class="cssButton button_login" onmouseover="this.className='cssButtonHover button_login button_loginHover'" onmouseout="this.className='cssButton button_login'" value="Sign In" style="width: 80px;" type="submit"></div>
<div class="buttonRow back important"><a href="http://localhost/store/index.php?main_page=password_forgotten">Forgot your password?</a></div>
</form>



