[Tutorial] Redirecionamento com aviso previo
Página 1 de 1 • Compartilhe
Informações:
Autor: Hancki
Versões: Todas as versões
Introdução:[/b Redirecionamento com aviso previo
Instalação:
Acesse:
Painel de controle ->> Modulos ->> HTML & Javascripts ->> Gestão dos códigos Javascripts
Então crie um novo javascript com investimento em todas as paginas com esse código:
- 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) }) }) });
Feito isto, acesse:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo CSS
E adicione esse código na sua folha de estilo:
- 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; }
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|