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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz
 
Kyo Panda
 
Shek
 
Dr.
 
Sennior
 
Chrono Trigger
 
Cannabis._.
 
Harleen
 
Tiger
 
LanternaV2
 

Quem está conectado
266 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 259 Visitantes :: 2 Motores de busca

[SRD]JimClark, _AXE_PM_AXE_, iHeloaD, Kyo Panda, Paulo Giacomelli, Sennior, ZombieW

[ 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

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 : 8038
Pontos Ativos : 12008

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/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

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 : 8038
Pontos Ativos : 12008

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16300
Pontos Ativos : 20792

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

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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