Menu de login

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Menu de login

Mensagem por Colecionador em 22/03/11, 04:32 pm

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):
avatar

Colecionador
Nível 3

Masculino
Inscrito dia : 22/03/2011
Mensagens : 19
Pontos Ativos : 35

Ver perfil do usuário http://arrastandosduvale.forumeiros.com

Resolvido Re: Menu de login

Mensagem por Cream em 22/03/11, 06:30 pm

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.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu de login

Mensagem por Letícia Morais em 22/03/11, 07:01 pm

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...
...
avatar

Letícia Morais
Usuário avançado

Feminino
Inscrito dia : 10/10/2009
Mensagens : 314
Pontos Ativos : 543

Ver perfil do usuário http://michaeljackson.maisforum.com/

Resolvido Re: Menu de login

Mensagem por Cream em 22/03/11, 07:06 pm

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.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu de login

Mensagem por Letícia Morais em 22/03/11, 07:21 pm

Ah, agora ficou bom! Obrigada! Muito feliz
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! Venerar
avatar

Letícia Morais
Usuário avançado

Feminino
Inscrito dia : 10/10/2009
Mensagens : 314
Pontos Ativos : 543

Ver perfil do usuário http://michaeljackson.maisforum.com/

Resolvido Re: Menu de login

Mensagem por Luciano98 em 22/03/11, 07:23 pm

@Letícia Morais escreveu:Ah, agora ficou bom! Obrigada! Muito feliz
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! Venerar
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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu de login

Mensagem por Colecionador em 22/03/11, 07:39 pm

Amigo Muito obrigado.
Funcionar certinho.
avatar

Colecionador
Nível 3

Masculino
Inscrito dia : 22/03/2011
Mensagens : 19
Pontos Ativos : 35

Ver perfil do usuário http://arrastandosduvale.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum