Menu de login

Qual é sua questão:
Amigos
Vi aqui no forum um login muito interessante
gostaria de saber se tem como coloca-lo no meu tambem?
Está marcado de vermelho.

Que medidas você tomou para corrigir o problema:
nenhuma

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

Olá,

Primeiro aceda em:
Painel de controle Visualização HomePage Geral "Mensagem na Home page" Em "Conteúdo da mensagem", coloque o código abaixo.

Código:

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 = "Convidado" ;
    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>


Abraços.

Ah, fui tentar colocar e não deu muito certo...
Ficou exatamente como na imagem do print, mas não funcionou...
Mesmo eu estando logada, a mensagem "Olá visitante!" continuou aparecendo, como se eu não tivesse logada no fórum...

Olá,

Tente este:

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>

Abraços.

Letícia Morais escreveu:Ah, agora ficou bom! Obrigada!
A única coisa que queria saber, é se dá para aparecer este menu de login também no portal, porque ele só está aparecendo na página principal. Caso não dê, não tem problema, pois já está bom assim!
Muito obrigada!

Tente adiciona-lo em algum Widget do seu fórum que fica no Portal.
Nunca tentei, mas pode ser que de certo.

Até mais.
Luciano98.

Amigo Muito obrigado.
Funcionar certinho.