how do i put a login bar at the top of the page

i want to put a login bar at the top of the page like this:

You need to Know CSS and HTML

Hi!

Using this code you can get what you want:

Code:

<form id="ddlogin" action="/login.forum" method="post">
  <fieldset>
    <dl>
      <dt><label for="username">Username:</label></dt>
      <dd><input type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="" class="inputbox" /></dd>
    </dl>
    <dl>
      <dt><label for="password">Password:</label></dt>
      <dd><input type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox" /></dd>
    </dl>
    <dl>
      <dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" /> Remember me</label></dd>
    </dl>
    <dl>
      <dd><input type="submit" name="login" tabindex="6" value="Log In" class="button2" /></dd>
    </dl>
  </fieldset>
</form>

thanks but does this work with PHPBB2 also where do i put this code

Hi,

That's HTML so, create a HTML PAGE.

i created a HTML page, and put "use forum header and footers" to yes, and use as homepage to no, and still no luck. any suggestions, or did i do something wrong

Or you can view this topic :

https://help.forumotion.com/t108052-how-do-i-add-a-bar-at-the-top-of-page#706110

Can u walk me through this step-by-step

BUMP

bump

here you go hope this helps
first here the css

Code:


#form-login{
        width: 440px;
   height:25px;
        color: #ff0;
        border-radius: 0px 0px 15px 15px;
   margin: 0px auto;
   padding: 5px 5px 5px 10px ;
        position:fixed;/* You can also use position: absolute; */
        top:0px;
        left:20px;
        background: #000
       
}


next is the log in form

Code:


<div id="form-login" >
<form action="/login.forum" method="post">
<label for="username">Username:</label> <input type="text" name="username" size="10" maxlength="15" /> <label for="password">Password:  </label><input type="password" name="password" size="10" maxlength="15" />  <input type="checkbox" name="autologin" checked="true" /> <input type="submit" class="mainoption" name="login" value="Log in" /><input name="redirect" type="hidden" value=""></form>
</div>


thanks SOLVED