Painel de usuário

Código:

<script>var nnome="{USERNAME}" ;if(nnome!="Convidado"){document.write(' <style> ');document.write(' #loginn{display:none!important;} ');document.write(' </style> ');}</script><link rel=stylesheet href=http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css type=text/css media=screen><style> #login { overflow: visible; height: auto; -webkit-transition: margin-top 0.5s ease-in-out 0s; -moz-transition: margin-top 0.5s ease-in-out 0s; -o-transition: margin-top 0.5s ease-in-out 0s; transition: margin-top 0.5s ease-in-out 0s; } /* Login Panel */ #top { background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;} #top ul.login { background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;} #top ul.login li.left { background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;} #top ul.login li { background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;} /*Login*/ /* toggle effect - show/hide login*/ #login { background: #1E1E1E;} #login .loginContent input:focus.field { background: #545454;} #login .loginContent input.button_login { background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;} #login .loginClose a { background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;} #login .loginClose a:hover { background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}</style><div id=loginn style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;"><div id=login style=margin-top:-105px;><div class=loginContent><form action=/login.forum method=post enctype=multipart/form-data name=form_login id=form_login2><label for=log><b>Username: </b></label><input name=username size=23 class=field maxlength=25 type=text style="clear: both;" /><label for=pwd><b>Password:</b></label><input name=password class=field size=23 maxlength=25 type=password style="clear: both;" /><input class="menuoption button_login" type=submit name=login value=" " /><input type=hidden name=redirect value="" /></form><div class=left><label for=rememberme><input name=autologin id=autologin type=checkbox tabindex=4 checked=checked class=radio /> Conexão automática</label></div><div class=right>Não é um membro? <a href=/profile.forum?mode=register>Registar-me</a> | <a class=gensmall href=/profile.forum?mode=sendpassword> Recuperar Senha</a></div></div><div class=loginClose><a href=# id=closeLogin onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Fechar Painel</a></div></div><div id=container><div id=top><ul class=login><li class=left> </li><li>Olá Visitante!</li><li>|</li><li><a id=toggleLogin href=# onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Entrar</a></li></ul> </div><div class=clearfix></div></div></div>

Código:



        <!-- The CSS -->
          <link
    rel="stylesheet"
    href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css"
    type="text/css" media="screen" />
        <style>
        /* Login Panel */
        #top {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
     
        #top ul.login {
        background: url(http://img832.imageshack.us/img832/2707/loginr.png) no-repeat right 0;}
     
        #top ul.login li.left {
        background: url(http://img823.imageshack.us/img823/1687/loginl.png) no-repeat left 0;}
     
        #top ul.login li {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
     
        /*Login*/
        /* toggle effect - show/hide login*/
        #login {
        background: #1E1E1E;}
     
        #login .loginContent input:focus.field {
        background: #545454;}
     
        #login .loginContent input.button_login {
 
      background: transparent
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg)
 no-repeat 0 0;}
     
        #login .loginClose a {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
     
        #login .loginClose a:hover {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
        </style>
     
        <!-- Mootools - the core -->
   
        <script type="text/javascript"
    src="http://web-kreation.com/demos/login_form_mootools_1.2/js/mootools-1.2-core-yc.js"></script>
        <!--Toggle effect (show/hide login form) -->
   
        <script type="text/javascript"
    src="http://web-kreation.com/demos/login_form_mootools_1.2/js/mootools-1.2-more.js"></script>
   
        <script type="text/javascript"
    src="http://web-kreation.com/demos/login_form_mootools_1.2/js/fx.slide.js"></script>
     
     
        <script>
        var nnome = "{USERNAME}" ;
        if ( nnome != "Convidado"){
        document.write('  <style>  ');
        document.write('  #loginn{display:none!important;}  ');
        document.write('  </style>  ');
        }
        </script>
     
          <!-- Login -->
          <div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;">
     
          <div id="login">
     
              <div class="loginContent">
     
 
              <form action="/login.forum" method="post"
enctype="multipart/form-data" name="form_login" id="form_login2">
     
                    <label for="log"><b>Username: </b></label>
                    <input name="username" size="23" class="field" maxlength="25" type="text" style="clear: both;" />
     
                    <label for="pwd"><b>Password:</b></label>
                    <input name="password" class="field" size="23" maxlength="25" type="password" style="clear: both;" />
     
                    <input class="menuoption button_login" type="submit" name="login" value=" " />
     
                    <input type="hidden" name="redirect" value="" />
     
                </form>
     
                <div class="left">
     
                      <label for="rememberme">
   
                    <input name="autologin"      id="autologin"
    type="checkbox"  tabindex="4" checked="checked" class="radio" />
    Conexão automática
                      </label>
     
                    </div>
     
   
              <div class="right">Não é um membro? <a
    href="/profile.forum?mode=register">Registar-me</a> | <a
    class="gensmall" href="/profile.forum?mode=sendpassword"> Recuperar
    Senha</a></div>
     
              </div>
     
              <div class="loginClose"><a href="#" id="closeLogin">Fechar Painel</a></div>
     
          </div>
     
     
        <!-- /login -->
     
     
     
            <div id="container">
     
              <div id="top">
     
              <!-- login -->
     
                <ul class="login">
     
                    <li class="left"> </li>
     
                      <li>Olá Visitante!</li>
     
                    <li>|</li>
     
                    <li><a id="toggleLogin" href="#">Entrar</a></li>
     
                </ul> <!-- / login -->
     
              </div> <!-- / top -->
     
     
     
                <div class="clearfix"></div>
          </div>
          </div>
     
        </div>


BanDiDoDaLuZVerMeLhA escreveu:Qual é sua questão:
Aew alguem me passa um codigo de painel de usuario que vai no topo do site


Ja tentei esse

Código:

<script>var nnome="{USERNAME}" ;if(nnome!="Convidado"){document.write(' <style> ');document.write(' #loginn{display:none!important;} ');document.write(' </style> ');}</script><link rel=stylesheet href=http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css type=text/css media=screen><style> #login { overflow: visible; height: auto; -webkit-transition: margin-top 0.5s ease-in-out 0s; -moz-transition: margin-top 0.5s ease-in-out 0s; -o-transition: margin-top 0.5s ease-in-out 0s; transition: margin-top 0.5s ease-in-out 0s; } /* Login Panel */ #top { background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;} #top ul.login { background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;} #top ul.login li.left { background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;} #top ul.login li { background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;} /*Login*/ /* toggle effect - show/hide login*/ #login { background: #1E1E1E;} #login .loginContent input:focus.field { background: #545454;} #login .loginContent input.button_login { background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;} #login .loginClose a { background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;} #login .loginClose a:hover { background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}</style><div id=loginn style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;"><div id=login style=margin-top:-105px;><div class=loginContent><form action=/login.forum method=post enctype=multipart/form-data name=form_login id=form_login2><label for=log><b>Username: </b></label><input name=username size=23 class=field maxlength=25 type=text style="clear: both;" /><label for=pwd><b>Password:</b></label><input name=password class=field size=23 maxlength=25 type=password style="clear: both;" /><input class="menuoption button_login" type=submit name=login value=" " /><input type=hidden name=redirect value="" /></form><div class=left><label for=rememberme><input name=autologin id=autologin type=checkbox tabindex=4 checked=checked class=radio /> Conexão automática</label></div><div class=right>Não é um membro? <a href=/profile.forum?mode=register>Registar-me</a> | <a class=gensmall href=/profile.forum?mode=sendpassword> Recuperar Senha</a></div></div><div class=loginClose><a href=# id=closeLogin onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Fechar Painel</a></div></div><div id=container><div id=top><ul class=login><li class=left> </li><li>Olá Visitante!</li><li>|</li><li><a id=toggleLogin href=# onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Entrar</a></li></ul> </div><div class=clearfix></div></div></div>

Que medidas você tomou para corrigir o problema:
Quero ajuda

Apresente-nos imagens do problema (se necessário):
nao

Código:



        <!-- The CSS -->
          <link
    rel="stylesheet"
    href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css"
    type="text/css" media="screen" />
        <style>
        /* Login Panel */
        #top {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
     
        #top ul.login {
        background: url(http://img832.imageshack.us/img832/2707/loginr.png) no-repeat right 0;}
     
        #top ul.login li.left {
        background: url(http://img823.imageshack.us/img823/1687/loginl.png) no-repeat left 0;}
     
        #top ul.login li {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
     
        /*Login*/
        /* toggle effect - show/hide login*/
        #login {
        background: #1E1E1E;}
     
        #login .loginContent input:focus.field {
        background: #545454;}
     
        #login .loginContent input.button_login {
 
      background: transparent
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg)
 no-repeat 0 0;}
     
        #login .loginClose a {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
     
        #login .loginClose a:hover {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
        </style>
     
        <!-- Mootools - the core -->
   
        <script type="text/javascript"
    src="http://web-kreation.com/demos/login_form_mootools_1.2/js/mootools-1.2-core-yc.js"></script>
        <!--Toggle effect (show/hide login form) -->
   
        <script type="text/javascript"
    src="http://web-kreation.com/demos/login_form_mootools_1.2/js/mootools-1.2-more.js"></script>
   
        <script type="text/javascript"
    src="http://web-kreation.com/demos/login_form_mootools_1.2/js/fx.slide.js"></script>
     
     
        <script>
        var nnome = "{USERNAME}" ;
        if ( nnome != "Convidado"){
        document.write('  <style>  ');
        document.write('  #loginn{display:none!important;}  ');
        document.write('  </style>  ');
        }
        </script>
     
          <!-- Login -->
          <div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;">
     
          <div id="login">
     
              <div class="loginContent">
     
 
              <form action="/login.forum" method="post"
enctype="multipart/form-data" name="form_login" id="form_login2">
     
                    <label for="log"><b>Username: </b></label>
                    <input name="username" size="23" class="field" maxlength="25" type="text" style="clear: both;" />
     
                    <label for="pwd"><b>Password:</b></label>
                    <input name="password" class="field" size="23" maxlength="25" type="password" style="clear: both;" />
     
                    <input class="menuoption button_login" type="submit" name="login" value=" " />
     
                    <input type="hidden" name="redirect" value="" />
     
                </form>
     
                <div class="left">
     
                      <label for="rememberme">
   
                    <input name="autologin"      id="autologin"
    type="checkbox"  tabindex="4" checked="checked" class="radio" />
    Conexão automática
                      </label>
     
                    </div>
     
   
              <div class="right">Não é um membro? <a
    href="/profile.forum?mode=register">Registar-me</a> | <a
    class="gensmall" href="/profile.forum?mode=sendpassword"> Recuperar
    Senha</a></div>
     
              </div>
     
              <div class="loginClose"><a href="#" id="closeLogin">Fechar Painel</a></div>
     
          </div>
     
     
        <!-- /login -->
     
     
     
            <div id="container">
     
              <div id="top">
     
              <!-- login -->
     
                <ul class="login">
     
                    <li class="left"> </li>
     
                      <li>Olá Visitante!</li>
     
                    <li>|</li>
     
                    <li><a id="toggleLogin" href="#">Entrar</a></li>
     
                </ul> <!-- / login -->
     
              </div> <!-- / top -->
     
     
     
                <div class="clearfix"></div>
          </div>
          </div>
                            </div>
        </div>