[TUTORIAL] Redirecionamento de páginas com aviso prévio
Página 1 de 1 • Compartilhe
![Ajudeiro Ajudeiro](https://i.imgur.com/uwJbOFU.png)
[TUTORIAL] Redirecionamento de páginas com aviso prévio
![]() | Redirecionamento de páginas com aviso prévio |
Com este tutorial, vamos aprender a colocar uma página de redirecionamento mais seguro para links postados nos tópicos. Ele nos levará a uma opção em que poderemos avançar para o novo link ou então cancelar a ação.
--> Tutoriais, dicas e astúcias <--
Redirecionamento de páginas com aviso prévio
Redirecionamento de páginas com aviso prévio
1º - Adicionando o CSS do efeito
Aceda a:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
- Código:
£panda_selector_1392499309834_0_m_panda£{width:75%;border:1px solid #CCC;margin:30px auto;padding:20px 30px}
#redirects p{color:#222;font-size:13px;line-height:20px;margin:5px auto 15px}
.redirectButtons{float:right;list-style-type:none;margin:0;padding-bottom: 5px;}
.redirectButtons li{float:left; list-style: none;}
#redirects { padding: 10px; border: 1px solid silver; padding-bottom: 25px;}
.redirectButtons a { padding: 3px; border: 1px solid silver; margin-left: 5px; }
#redirects h2 {border-bottom: 1px solid silver; }
2º - Adicionar o código JS
- Código:
$(document).ready(function() {
$.getScript('https://raw.github.com/lokesh/lightbox2/master/js/lightbox.js');
});
$(function () {
$("a").not("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif'],a[href$='.bmp'],a[href^='/'],a[href^='" + location.origin + "']").click(function (a) {
a.preventDefault(); a = location.href; var b = this.href; z = "/redirect/?url=" + encodeURIComponent(b); window.history && history.pushState ? history.pushState({}, " Redirecionando ...", z) : location.hash = z; var d, c = 10;
$("#main-content").html('<div id="redirects"><div><h2><strong>Redirecionando...</strong></h2><p class="redirectMess">Está prestes a deixar o tópico <strong>' + document.title + '</strong>, para ser redirecionado para a página <strong><a href="' + b + '" rel="nofollow">' + b + '</a></strong> em <strong><span class="delayTime">' + c + '</span></strong> Segundos... Tem a certeza que pretende prosseguir?</p><div class="redirectFooter"><ul class="redirectButtons"><li><a class="buttonss" href="' + a + '">Cancelar</a></li><li><a href="' + b + '" class="buttonss" rel="nofollow">Proceder (<span class="delayTime">' + c + "</span>)</a></li></ul></div></div></div><br><br/>"); d = setInterval(function () {
var a = c--; 0 > a ? window.location = b : $(".delayTime").text(a) }, 1E3);
$(".redirectButtons a").click(function () { clearInterval(d) }) }) });
Aceda a:
Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão de códigos Javascript
Agora, clique em
![Adicionar](/users/2612/28/77/07/smiles/2542090958.png)
![[TUTORIAL] Redirecionamento de páginas com aviso prévio Painel13](https://i.servimg.com/u/f48/15/88/72/83/painel13.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
- Resultado:(carregue na imagem para aumentar)
![:copyright: ©️](https://cdn.jsdelivr.net/emojione/assets/png/00a9.png?v=2.2.7)
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Redirecionamento de páginas com aviso prévio |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Redirecionamento de páginas no Painel de Controle
» [TUTORIAL] Aviso em tópicos bloqueados
» [TUTORIAL] Caixa de aviso flutuante
» [TUTORIAL] Função de carregamento em páginas
» [TUTORIAL] Páginas HTML personalizadas
» [TUTORIAL] Aviso em tópicos bloqueados
» [TUTORIAL] Caixa de aviso flutuante
» [TUTORIAL] Função de carregamento em páginas
» [TUTORIAL] Páginas HTML personalizadas
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos