Como colocar uma mensagem em POP-UP

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

Atendido / Resolvido Como colocar uma mensagem em POP-UP

Mensagem por weverson lopes 07.06.20 1:50

Detalhes da questão


Endereço do fórum: https://habbling.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Oi gente, eu aqui de novo hahahah

eu queria que quando o usuario acessasse o fórum, já viesse uma mensagem em POP UP alertando algo, é possivel?
weverson lopes

weverson lopes
Usuário avançado

Masculino
Inscrito dia : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por Chanp 07.06.20 2:26

Olá @weverson lopes,

Sim, isso é possível. Possuo um código aqui que funciona da seguinte maneira:

Você pode definir o conteúdo e o título do anúncio e ele aparecerá quando um usuário entrar no fórum, no entanto, quando ele clicar no botão "COMPREENDI" no final do anúncio, o pop up não aparecerá mais para ele, apenas quando ele deletar os cookies, trocar de dispositivo ou algo do gênero. Caso queira utilizar este código, crie um código Javascript com investimento em todas as páginas com o seguinte conteúdo:

Código:
(function($) { 'use strict'; var warn = { warn_code: 'Aviso - 07', title_warn: '<strong>Título do Anúncio</strong>', content: ['Conteúdo do anúncio.'].join('<br/>') };
    $(function() { var $warning = $(['<div class="sticky-back"></div>', '<div class="sticky-warn">', '  <div class="warn-content">', '    <div class="warn-title">' + warn.title_warn + '</div>', '    <div class="warn-text">' + warn.content + '</div>', '  </div>', '  <button class="warn-btn">COMPREENDI</button>', '</div>'].join('\n')); if (localStorage.getItem("warn_code") != warn.warn_code && _userdata.session_logged_in) { $warning.appendTo('body');
            localStorage.removeItem("warn_code");
            $('.warn-btn').hide();
            setTimeout(function() { $('.warn-btn').fadeIn(100) }, 5000) }
        $('.warn-btn').on('click', function() { localStorage.setItem("warn_code", warn.warn_code);
            $warning.hide() });
        $('<style>', { 'text': ['.sticky-back {', '  position: fixed;', '  top: 0;', '  left: 0;', '  bottom: 0;', '  width: 100%;', '  height: 100%;', '  background: #000;', '  opacity: 0.6;', '  z-index: 999;', '}', '', '.sticky-warn {', '  position: fixed;', '  top: 50%;', '  left: 50%;', '  transform: translate(-50%, -50%);', '  width: 500px;', '  min-height: 200px;', '  border-radius: 5px;', '  padding: 10px;', '  z-index: 999;', '  background-color: #fff;', '  box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.1), inset 0 -3px rgba(0,0,0,0.15);', '}', '', '.warn-content {', '  text-align: center;', '}', '', '.warn-title {', '  font-size: 16px;', '  margin-bottom: 10px;', '  font-weight: 700;', '}', '', '.warn-text {', '  font-size: 12px;', '  text-align: justify;', '}', '', '.warn-btn {', '  margin-top: 10px;', '  background-color: #5CCD5C;', '  color: #FFF;', '  border-radius: 3px;', '  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);', '  font-size: 13px;', '  height: 36px;', '  line-height: 36px;', '  padding: 0 24px;', '  transform: translate(130%, 0);', '  border: none;', '  cursor: pointer;', '  transition: ease .2s;', '}', '', '.warn-btn:hover {', '  -ms-filter: brightness(90%);', '  -webkit-filter: brightness(90%);', '  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);', '  color: #FFF;', '  filter: brightness(90%);', '  background-color: #3abc3a;', '}'].join('') }).appendTo('head') }) }(jQuery));

Você deve substituir Título do Anúncio pelo título do anúncio que aparecerá em negrito e com uma fonte maior. Além disso, substitua também Conteúdo do anúncio, que formará o corpo do seu anúncio.

Este é o resultado esperado.

Isso lhe agrada?
Chanp Feliz
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por weverson lopes 07.06.20 3:49

Oi chanp, muito bom, pórém será que é possivel adicionar nesse mesmo código um botão para acessar um link especifico.

se possivel um botão igual ao botão "compreedi" porém um pouco menor?
weverson lopes

weverson lopes
Usuário avançado

Masculino
Inscrito dia : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por Chanp 07.06.20 19:57

Claro.
No código abaixo, substitua www.yoursite.com pelo URL do site a ser redirecionado.

Código:
(function($) { 'use strict'; var warn = { warn_code: 'Aviso - 07', title_warn: '<strong>Título do Anúncio</strong>', content: ['Conteúdo do anúncio.'].join('<br/>') };
    $(function() { var $warning = $(['<div class="sticky-back"></div>', '<div class="sticky-warn">', '  <div class="warn-content">', '    <div class="warn-title">' + warn.title_warn + '</div>', '    <div class="warn-text">' + warn.content + '</div>', '  </div>', '  <button class="warn-btn onclick="location.href = 'www.yoursite.com'">ACESSAR</button>', '</div>'].join('\n')); if (localStorage.getItem("warn_code") != warn.warn_code && _userdata.session_logged_in) { $warning.appendTo('body');
            localStorage.removeItem("warn_code");
            $('.warn-btn').hide();
            setTimeout(function() { $('.warn-btn').fadeIn(100) }, 5000) }
        $('.warn-btn').on('click', function() { localStorage.setItem("warn_code", warn.warn_code);
            $warning.hide() });
        $('<style>', { 'text': ['.sticky-back {', '  position: fixed;', '  top: 0;', '  left: 0;', '  bottom: 0;', '  width: 100%;', '  height: 100%;', '  background: #000;', '  opacity: 0.6;', '  z-index: 999;', '}', '', '.sticky-warn {', '  position: fixed;', '  top: 50%;', '  left: 50%;', '  transform: translate(-50%, -50%);', '  width: 500px;', '  min-height: 200px;', '  border-radius: 5px;', '  padding: 10px;', '  z-index: 999;', '  background-color: #fff;', '  box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.1), inset 0 -3px rgba(0,0,0,0.15);', '}', '', '.warn-content {', '  text-align: center;', '}', '', '.warn-title {', '  font-size: 16px;', '  margin-bottom: 10px;', '  font-weight: 700;', '}', '', '.warn-text {', '  font-size: 12px;', '  text-align: justify;', '}', '', '.warn-btn {', '  margin-top: 10px;', '  background-color: #5CCD5C;', '  color: #FFF;', '  border-radius: 3px;', '  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);', '  font-size: 13px;', '  height: 36px;', '  line-height: 36px;', '  padding: 0 24px;', '  transform: translate(130%, 0);', '  border: none;', '  cursor: pointer;', '  transition: ease .2s;', '}', '', '.warn-btn:hover {', '  -ms-filter: brightness(90%);', '  -webkit-filter: brightness(90%);', '  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);', '  color: #FFF;', '  filter: brightness(90%);', '  background-color: #3abc3a;', '}'].join('') }).appendTo('head') }) }(jQuery));

Chanp
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por weverson lopes 07.06.20 20:44

Olá Chanp, agora nem abre mais o POP P
weverson lopes

weverson lopes
Usuário avançado

Masculino
Inscrito dia : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por Chanp 07.06.20 20:52

Olá,

Como eu disse, esse pop-up aparece apenas uma vez. Após clicar no botão "Compreendi", ele só aparece novamente quando o usuário limpar seus cookies ou acessar o fórum por outro navegador.

Chanp
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por pedxz 07.06.20 20:55

Olá @weverson lopes,

O código que o @Chanp passou, realmente tem um erro, altere para:
Código:
(function($) { 'use strict'; var warn = { warn_code: 'Aviso - 07', title_warn: '<strong>Título do Anúncio</strong>', content: ['Conteúdo do anúncio.'].join('<br/>') };
    $(function() { var $warning = $(['<div class="sticky-back"></div>', '<div class="sticky-warn">', '  <div class="warn-content">', '    <div class="warn-title">' + warn.title_warn + '</div>', '    <div class="warn-text">' + warn.content + '</div>', '  </div>', '  <button class="warn-btn onclick="location.href = \'www.yoursite.com\'">ACESSAR</button>', '</div>'].join('\n')); if (localStorage.getItem("warn_code") != warn.warn_code && _userdata.session_logged_in) { $warning.appendTo('body');
            localStorage.removeItem("warn_code");
            $('.warn-btn').hide();
            setTimeout(function() { $('.warn-btn').fadeIn(100); }, 5000); }
        $('.warn-btn').on('click', function() { localStorage.setItem("warn_code", warn.warn_code);
            $warning.hide(); });
        $('<style>', { 'text': ['.sticky-back {', '  position: fixed;', '  top: 0;', '  left: 0;', '  bottom: 0;', '  width: 100%;', '  height: 100%;', '  background: #000;', '  opacity: 0.6;', '  z-index: 999;', '}', '', '.sticky-warn {', '  position: fixed;', '  top: 50%;', '  left: 50%;', '  transform: translate(-50%, -50%);', '  width: 500px;', '  min-height: 200px;', '  border-radius: 5px;', '  padding: 10px;', '  z-index: 999;', '  background-color: #fff;', '  box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.1), inset 0 -3px rgba(0,0,0,0.15);', '}', '', '.warn-content {', '  text-align: center;', '}', '', '.warn-title {', '  font-size: 16px;', '  margin-bottom: 10px;', '  font-weight: 700;', '}', '', '.warn-text {', '  font-size: 12px;', '  text-align: justify;', '}', '', '.warn-btn {', '  margin-top: 10px;', '  background-color: #5CCD5C;', '  color: #FFF;', '  border-radius: 3px;', '  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);', '  font-size: 13px;', '  height: 36px;', '  line-height: 36px;', '  padding: 0 24px;', '  transform: translate(130%, 0);', '  border: none;', '  cursor: pointer;', '  transition: ease .2s;', '}', '', '.warn-btn:hover {', '  -ms-filter: brightness(90%);', '  -webkit-filter: brightness(90%);', '  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);', '  color: #FFF;', '  filter: brightness(90%);', '  background-color: #3abc3a;', '}'].join('') }).appendTo('head'); }); }(jQuery));


Atenciosamente,
pedxz.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por weverson lopes 07.06.20 21:17

Oi pedx, funcionou porém quando vou digitar alguma coisa ele fica meio bugado, gostaria de pedir se não for muito que tivesse uma linha separando o titulo da descrição e que o texto que eu fosse digitar, aparecesse tudo centralizado sabe?
weverson lopes

weverson lopes
Usuário avançado

Masculino
Inscrito dia : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por pedxz 07.06.20 21:39

@weverson lopes escreveu:Oi pedx, funcionou porém quando vou digitar alguma coisa ele fica meio bugado
Pode mandar-me o texto que deseja usar?

gostaria de pedir se não for muito que tivesse uma linha separando o titulo da descrição
Pelo que vi, já existe uma separação. O senhor pode tirar uma captura de ecrã (printscreen), para ver o seu problema?

e que o texto que eu fosse digitar, aparecesse tudo centralizado sabe?
Altere para:
Código:
(function($) { 'use strict'; var warn = { warn_code: 'Aviso - 07', title_warn: '<strong>Título do Anúncio</strong>', content: ['Conteúdo do anúncio.'].join('<br/>') };
    $(function() { var $warning = $(['<div class="sticky-back"></div>', '<div class="sticky-warn">', '  <div class="warn-content">', '    <div class="warn-title">' + warn.title_warn + '</div>', '    <div class="warn-text">' + warn.content + '</div>', '  </div>', '  <button class="warn-btn onclick="location.href = \'www.yoursite.com\'">ACESSAR</button>', '</div>'].join('\n')); if (localStorage.getItem("warn_code") != warn.warn_code && _userdata.session_logged_in) { $warning.appendTo('body');
            localStorage.removeItem("warn_code");
            $('.warn-btn').hide();
            setTimeout(function() { $('.warn-btn').fadeIn(100); }, 5000); }
        $('.warn-btn').on('click', function() { localStorage.setItem("warn_code", warn.warn_code);
            $warning.hide(); });
        $('<style>', { 'text': ['.sticky-back {', '  position: fixed;', '  top: 0;', '  left: 0;', '  bottom: 0;', '  width: 100%;', '  height: 100%;', '  background: #000;', '  opacity: 0.6;', '  z-index: 999;', '}', '', '.sticky-warn {', '  position: fixed;', '  top: 50%;', '  left: 50%;', '  transform: translate(-50%, -50%);', '  width: 500px;', '  min-height: 200px;', '  border-radius: 5px;', '  padding: 10px;', '  z-index: 999;', '  background-color: #fff;', '  box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.1), inset 0 -3px rgba(0,0,0,0.15);', '}', '', '.warn-content {', '  text-align: center;', '}', '', '.warn-title {', '  font-size: 16px;', '  margin-bottom: 10px;', '  font-weight: 700;', '}', '', '.warn-text {', '  font-size: 12px;', '  text-align: center;', '}', '', '.warn-btn {', '  margin-top: 10px;', '  background-color: #5CCD5C;', '  color: #FFF;', '  border-radius: 3px;', '  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);', '  font-size: 13px;', '  height: 36px;', '  line-height: 36px;', '  padding: 0 24px;', '  transform: translate(130%, 0);', '  border: none;', '  cursor: pointer;', '  transition: ease .2s;', '}', '', '.warn-btn:hover {', '  -ms-filter: brightness(90%);', '  -webkit-filter: brightness(90%);', '  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);', '  color: #FFF;', '  filter: brightness(90%);', '  background-color: #3abc3a;', '}'].join('') }).appendTo('head'); }); }(jQuery));


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por weverson lopes 08.06.20 1:51

oi novamente pdx, agora centralizou o texto, antes estava assim

Colocar - Como colocar uma mensagem em POP-UP FmsTFk3

agora que editei o código está assim

Colocar - Como colocar uma mensagem em POP-UP JXyAxLT

o botão de acessar está torto, ha como centralizar?
weverson lopes

weverson lopes
Usuário avançado

Masculino
Inscrito dia : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por pedxz 08.06.20 10:16

Altere para:
Código:
(function($) { 'use strict'; var warn = { warn_code: 'Aviso - 07', title_warn: '<strong>Título do Anúncio</strong>', content: ['Conteúdo do anúncio.'].join('<br/>') };
    $(function() { var $warning = $(['<div class="sticky-back"></div>', '<div class="sticky-warn">', '  <div class="warn-content">', '    <div class="warn-title">' + warn.title_warn + '</div>', '    <div class="warn-text">' + warn.content + '</div>', '  </div>', '  <button class="warn-btn onclick="location.href = \'www.yoursite.com\'">ACESSAR</button>', '</div>'].join('\n')); if (localStorage.getItem("warn_code") != warn.warn_code && _userdata.session_logged_in) { $warning.appendTo('body');
            localStorage.removeItem("warn_code");
            $('.warn-btn').hide();
            setTimeout(function() { $('.warn-btn').fadeIn(100); }, 5000); }
        $('.warn-btn').on('click', function() { localStorage.setItem("warn_code", warn.warn_code);
            $warning.hide(); });
        $('<style>', { 'text': ['.sticky-back {', '  position: fixed;', '  top: 0;', '  left: 0;', '  bottom: 0;', '  width: 100%;', '  height: 100%;', '  background: #000;', '  opacity: 0.6;', '  z-index: 999;', '}', '', '.sticky-warn {', '  position: fixed;', '  top: 50%;', '  left: 50%;', '  transform: translate(-50%, -50%);', '  width: 500px;', '  min-height: 200px;', '  border-radius: 5px;', '  padding: 10px;', '  z-index: 999;', '  background-color: #fff;', 'text-align: center!important;', '  box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.1), inset 0 -3px rgba(0,0,0,0.15);', '}', '', '.warn-content {', '  text-align: center;', '}', '', '.warn-title {', '  font-size: 16px;', '  margin-bottom: 10px;', '  font-weight: 700;', '}', '', '.warn-text {', '  font-size: 12px;', '  text-align: center;', '}', '', '.warn-btn {', '  margin-top: 10px;', '  background-color: #5CCD5C;', '  color: #FFF;', '  border-radius: 3px;', '  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);', '  font-size: 13px;', '  height: 36px;', '  line-height: 36px;', '  padding: 0 24px;', '  border: none;', '  cursor: pointer;', '  transition: ease .2s;', '}', '', '.warn-btn:hover {', '  -ms-filter: brightness(90%);', '  -webkit-filter: brightness(90%);', '  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);', '  color: #FFF;', '  filter: brightness(90%);', '  background-color: #3abc3a;', '}'].join('') }).appendTo('head'); }); }(jQuery));


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por weverson lopes 08.06.20 15:39

Oi pedx, não abre mais o pop up, testei em varios fóruns testes
weverson lopes

weverson lopes
Usuário avançado

Masculino
Inscrito dia : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por pedxz 08.06.20 15:43

@Chanp escreveu:Como eu disse, esse pop-up aparece apenas uma vez. Após clicar no botão "Compreendi", ele só aparece novamente quando o usuário limpar seus cookies ou acessar o fórum por outro navegador.

@weverson lopes escreveu:não abre mais o pop up, testei em varios fóruns testes

Tente com outro navegador ou limpar o cache do seu navegador Envergonhado


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por weverson lopes 09.06.20 15:52

Oi pedx, desculpe a demora, estava tentando resolver o problema para ver se realmente funcionava, mas funcionou, o unico problema que deu é que quando eu vou clicar em acessar, ele não me redireciona para o link desejado!
weverson lopes

weverson lopes
Usuário avançado

Masculino
Inscrito dia : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por pedxz 10.06.20 22:26

@Chanp escreveu:No código abaixo, substitua www.yoursite.com pelo URL do site a ser redirecionado.

Altere o seu código para:
Código:
(function($) { 'use strict'; var warn = { warn_code: 'Aviso - 07', title_warn: '<strong>Título do Anúncio</strong>', content: ['Conteúdo do anúncio.'].join('<br/>') };
    $(function() { var $warning = $(['<div class="sticky-back"></div>', '<div class="sticky-warn">', '  <div class="warn-content">', '    <div class="warn-title">' + warn.title_warn + '</div>', '    <div class="warn-text">' + warn.content + '</div>', '  </div>', '  <br /><br /><a class="warn-btn" href="www.yoursite.com">ACESSAR</a>', '</div>'].join('\n')); if (localStorage.getItem("warn_code") != warn.warn_code && _userdata.session_logged_in) { $warning.appendTo('body');
            localStorage.removeItem("warn_code");
            $('.warn-btn').hide();
            setTimeout(function() { $('.warn-btn').fadeIn(100); }, 5000); }
        $('.warn-btn').on('click', function() { localStorage.setItem("warn_code", warn.warn_code);
            $warning.hide(); });
        $('<style>', { 'text': ['.sticky-back {', '  position: fixed;', '  top: 0;', '  left: 0;', '  bottom: 0;', '  width: 100%;', '  height: 100%;', '  background: #000;', '  opacity: 0.6;', '  z-index: 999;', '}', '', '.sticky-warn {', '  position: fixed;', '  top: 50%;', '  left: 50%;', '  transform: translate(-50%, -50%);', '  width: 500px;', '  min-height: 200px;', '  border-radius: 5px;', '  padding: 10px;', '  z-index: 999;', '  background-color: #fff;', 'text-align: center!important;', '  box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.1), inset 0 -3px rgba(0,0,0,0.15);', '}', '', '.warn-content {', '  text-align: center;', '}', '', '.warn-title {', '  font-size: 16px;', '  margin-bottom: 10px;', '  font-weight: 700;', '}', '', '.warn-text {', '  font-size: 12px;', '  text-align: center;', '}', '', '.warn-btn {', 'color: white!important;', '  margin-top: 30px!important;', '  background-color: #5CCD5C;', '  color: #FFF;', '  border-radius: 3px;', '  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);', '  font-size: 13px;', '  height: 36px;', '  line-height: 36px;', '  padding: 16px 24px;', '  border: none;', '  cursor: pointer;', '  transition: ease .2s;', '}', '', '.warn-btn:hover {', '  -ms-filter: brightness(90%);', '  -webkit-filter: brightness(90%);', '  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 5px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12);', '  color: #FFF;', '  filter: brightness(90%);', '  background-color: #3abc3a;', '}'].join('') }).appendTo('head'); }); }(jQuery));
 


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por weverson lopes 11.06.20 6:38

perfeito. obrigado pedx
weverson lopes

weverson lopes
Usuário avançado

Masculino
Inscrito dia : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Atendido / Resolvido Re: Como colocar uma mensagem em POP-UP

Mensagem por pedxz 11.06.20 8:57

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6064
Pontos ativos : 7202

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


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