Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
179 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 178 Visitantes :: 2 Motores de busca

soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Adaptação caixa de login

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

Resolvido Adaptação caixa de login

Mensagem por Lucas Makuso em 12/09/15, 04:07 pm

Detalhes da questão


Endereço do fórum: http://digitalwars.forumeiro.com/
Versão do fórum: PunBB

Descrição


Eu estava vendo este tutorial http://ajuda.forumeiros.com/t97783-tutorial-caixa-de-login-ao-clicar-na-barra-de-ferramentas#670989 e gostaria de perguntar se tem alguma adaptação deste código para que funcione no menu do fórum.

http://i.imgur.com/efYlaz1.png

Ai quando clicasse nessa área de login do Menu, aparecesse a mesma caixa.
avatar

Lucas Makuso
Nível 8

Masculino
Inscrito dia : 27/08/2014
Mensagens : 108
Pontos Ativos : 164

Ver perfil do usuário http://digitalwars.forumeiro.com/

Resolvido Re: Adaptação caixa de login

Mensagem por Hancki em 12/09/15, 05:30 pm

Olá!

Fiz o teste do código que está no tutorial e ele funcionou na perfeição! Veja:

De que modo está a adicionar esse código no seu fórum?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Adaptação caixa de login

Mensagem por Lucas Makuso em 12/09/15, 06:21 pm

Este código ele funciona na Barra de Ferramentas do Forumeiros, eu gostaria de adapta-lo para que funcionasse quando clicasse Login no Menu do Fórum.
avatar

Lucas Makuso
Nível 8

Masculino
Inscrito dia : 27/08/2014
Mensagens : 108
Pontos Ativos : 164

Ver perfil do usuário http://digitalwars.forumeiro.com/

Resolvido Re: Adaptação caixa de login

Mensagem por Hancki em 12/09/15, 07:23 pm

E ele funciona, no botão que assinalou na imagem.

Experimente.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Adaptação caixa de login

Mensagem por Sennior em 15/09/15, 01:54 am

O código como dito pelo nosso amigo Hancki é funcional!
Teste apenas o código abaixo com investimento em todas as páginas:

Código:
// toolbar login
    $(function(){$(function(){
      if (_userdata.session_logged_in != 0) return;
      /* -- PERSONALIZAÇÃO BEGIN -- */
      var both = true,
          redirect = window.location.pathname,
          imgOverlay = 'http://i39.servimg.com/u/f39/18/21/41/30/overla10.png',
          imgConnex = 'http://i59.servimg.com/u/f59/18/21/60/73/connex10.png',
      /* -- PERSONALIZAÇÃO END -- */
          content = cre('DIV'), overlay = cre('DIV'), cacheMe = cre('DIV'), style = cre('STYLE'), css = '.loginForm,.loginOverlay{position:fixed;display:none}.loginForm{background:url('+imgConnex+') no-repeat 8% center #FBFBFB;background-size:12.5%;border:1px solid #CCC;border-radius:3px;padding:5%;top:20%;left:20%;right:20%;z-index:100001;}@media(max-width:500px){.loginForm{background-image:none}}@media(min-width:1000px){.loginForm{left:25%;right:25%}}.loginForm .loginTitle{font-size:12px;margin:5px 0;}.loginOverlay{background:url('+imgOverlay+');left:0;top:0;right:0;bottom:0;z-index:100000;cursor:pointer}.loginForm div { text-align:center; }.loginForm .inputbox {font-size:14px;height:25px;width:50% !important;border-radius:3px;padding-left:30px;}.loginForm input{margin:5px 0 !important}.loginForm .button1 {font-size:14px;padding:10px 15px !important;width:54% !important}#fa_username {background:url(http://i59.servimg.com/u/f59/18/21/60/73/un10.png) no-repeat 8px center #FFF}#fa_password {background:url(http://i59.servimg.com/u/f59/18/45/41/65/pw10.png) no-repeat 10px center #FFF}';
      content.className = 'loginForm', overlay.className = 'loginOverlay';
      cacheMe.innerHTML = '<img src="'+imgOverlay+'"/><img src="'+imgConnex+'"/>', cacheMe.style.display = 'none';
      style.type = 'text/css';
      if (style.styleSheet) style.styleSheet.cssText = css;
      else style.appendChild(document.createTextNode(css));
      document.getElementsByTagName('HEAD')[0].appendChild(style);
      content.innerHTML = '<form action="/login" method="post" name="form_login"><div class="loginTitle">Entre com seus dados do usuário para conectar-se à este fórum!</div><div><input tabindex="100" placeholder="username" name="username" id="fa_username" size="25" maxlength="40" value="" class="inputbox autowidth" type="text"/></div><div><input tabindex="101" id="fa_password" placeholder="password" name="password" size="25" maxlength="25" class="inputbox autowidth" type="password"/></div><div><input name="redirect" value="'+redirect+'" type="hidden"><input name="login" tabindex="103" value="Conectar-se" class="button1" type="submit"></div><a href="#close" id="closeMe" style="position:absolute;bottom:5px;right:5px;">Fechar</a></form>';
      insert(overlay, content, cacheMe);
   
      if (both === true) {
        var a = document.getElementsByTagName('A');
        for (var i=0; i<a.length; i++) if (/\/login/.test(a[i].href) && /(mainmenu|rightHeaderLink)/.test(a[i].className)) a[i].onclick = function() { display('block'), fadeIn(overlay, content); document.getElementById('fa_username').focus(); return false };
      } else {
        document.getElementById('fa_right').firstChild.onclick = function() {
          display('block'), fadeIn(overlay, content);
          document.getElementById('fa_username').focus();
          return false
        }
      }
      overlay.onclick = function() { close() };
      document.getElementById('closeMe').onclick = function() { close(); return false };
   
      function cre(el) { return document.createElement(el) };
      function display(val) { content.style.display = val, overlay.style.display = val };
      function close() { display('none'), overlay.style.opacity = 1, content.style.opacity = 1 };
      function insert() { var args = arguments; for (var i=0; i<args.length; i++) document.body.insertBefore(args[i], document.body.firstChild) };
      function fadeIn() {
        var args = arguments;
        for (var i=0; i<args.length; i++) args[i].style.opacity = 0;
        var fader = window.setInterval(function() {
          for (var i=0; i<args.length; i++) {
            var opa = Number(args[i].style.opacity);
            if (opa >= 1) {
              window.clearInterval(fader);
              return args[i].style.opacity = 1;
            } else args[i].style.opacity = opa + 0.15
          }
        },25);
      }
    })});

Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Adaptação caixa de login

Mensagem por Lucas Makuso em 15/09/15, 03:50 am

Ah! Agora sim funcionou... obrigado Sennior e Hancki pela atenção!
avatar

Lucas Makuso
Nível 8

Masculino
Inscrito dia : 27/08/2014
Mensagens : 108
Pontos Ativos : 164

Ver perfil do usuário http://digitalwars.forumeiro.com/

Resolvido Re: Adaptação caixa de login

Mensagem por Fraise em 15/09/15, 07:59 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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