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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
Nean
 
lavinnia
 
Harold C+
 
Sennior
 
BichodoMato
 

Quem está conectado
64 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 61 Visitantes :: 1 Motor de busca

Cream, staay03, while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sab 12 Set 2015 - 20:07

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.

Lucas Makuso
Nível 8

Masculino
Inscrito dia : 28/08/2014
Mensagens : 108
Pontos Ativos : 925

http://digitalwars.forumeiro.com/

Resolvido Re: Adaptação caixa de login

Mensagem por Hancki em Sab 12 Set 2015 - 21:30

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

Hancki
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 7997
Pontos Ativos : 14507

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 Sab 12 Set 2015 - 22:21

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.

Lucas Makuso
Nível 8

Masculino
Inscrito dia : 28/08/2014
Mensagens : 108
Pontos Ativos : 925

http://digitalwars.forumeiro.com/

Resolvido Re: Adaptação caixa de login

Mensagem por Hancki em Sab 12 Set 2015 - 23:23

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

Experimente.

Hancki
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 7997
Pontos Ativos : 14507

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 Ter 15 Set 2015 - 5:54

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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15957
Pontos Ativos : 22299

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Adaptação caixa de login

Mensagem por Lucas Makuso em Ter 15 Set 2015 - 7:50

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

Lucas Makuso
Nível 8

Masculino
Inscrito dia : 28/08/2014
Mensagens : 108
Pontos Ativos : 925

http://digitalwars.forumeiro.com/

Resolvido Re: Adaptação caixa de login

Mensagem por Fraise em Ter 15 Set 2015 - 11:59

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5