Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

HenRyqUéè

avatar
Administrador
Avaliador
Helper

[Você precisa estar registrado e conectado para ver esta imagem.]

[TUTORIAL] Abrir links externos em POPUP

O efeito desse tutorial é: Quando clicar em links externos, em vez de abrir o link em uma nova aba, ele abre em uma POPUP


--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Abrir links externos em POPUP


- Código a ser utilizado [JS]:
Código:
    $(document).ready(function(){
        $('body').prepend('<center id="locs"><div id="locs2"><span id="fecha">Fechar</span><br><iframe id="framelink" src=""></iframe></div></center>');
        $('#locs').hide();
        $('a[target="_blank"]').click(function(){
        var capturaLink = $(this).attr('href');
        $('#framelink').attr('src', capturaLink);
        $('#locs').fadeIn();
        return false;
        });
        $('#fecha').click(function(){
        $('#framelink').attr('src', '');
        $('#locs').fadeOut();
        });
        });

- Onde aplicar o código acima:
Aceda em: Novo código JavaScript

Módulos [Você precisa estar registrado e conectado para ver esta imagem.] HTML e JavaScript [Você precisa estar registrado e conectado para ver esta imagem.] Gestão dos Códigos JavaScript [Você precisa estar registrado e conectado para ver esta imagem.] Novo Código JavaScript

Título: Coloque qualquer título.
Envestimento: Marque "Nos Tópicos".
Código JavaScript: Cole o código acima.

[Você precisa estar registrado e conectado para ver esta imagem.] Salve!

- Código a ser utilizado [CSS]:
Código:
    #framelink{
      background:#adadad;
    width: 80%;
      right:10%;
        height:500px;
    }
    #centerLocatio{
    width:100%;
      height:500%;
      background: rgba(50, 50, 50, 0.3);
      position:fixed;
    }
    #locs2{
      margin-top:15% !important;
    }
    #locs{
      top:0%;
      position: fixed;
      z-index: 999;
    width: 100%;
      height: 1000px;
      background: rgba(50, 50, 50, 0.45);
      }
    #fecha{
    color:black;
      font-weight:bold;
      background:white;
      border-left:1px solid black;
        border-top:1px solid black;
      cursor:pointer;
      padding:7px;
        border-right:1px solid black;
    }

- Onde aplicar o código acima:
Aceda em: Folha de Estilo CSS

Visualização [Você precisa estar registrado e conectado para ver esta imagem.] Imagens e Cores [Você precisa estar registrado e conectado para ver esta imagem.] Cores [Você precisa estar registrado e conectado para ver esta imagem.] Folha de Estilo CSS

[Você precisa estar registrado e conectado para ver esta imagem.] Salve!

  • Funcionalidade:
    Todas as versões.





© RMBR & SP-Design


[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Abrir links externos em POPUP

http://rmbr.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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