[Tutorial] Efeito aba de Mover Tópico

Informações:

Autor: Hancki
Versões: Todas as versões
Introdução: Efeito aba de Mover Tópico

Instalação:

Acesse:

Painel de controle ->> Modulos ->> HTML & Javascripts ->> Gestão dos códigos Javascripts

Então crie um novo javascript com investimento nos topicos com esse código:

Código:

jQuery(function() {
    jQuery('a[href*="/modcp?mode=move&"]').click(function() {
        jQuery(this).hide();
        var imgMove = jQuery(this).find('img').attr('src');
        jQuery(this).after('<a href="#openModal"><img src="' + imgMove + '"</a>');
        t = "jQuery(this).closest('form').remove()";
        jQuery(this).after('<div id="openModal" class="modalDialog"> <div> <a href="#close" title="Close" class="close">X</a> <h2>Mover tópico</h2><br/><br/> <form action="/modcp?tid=' + jQuery('input[name="tid"]:eq(0)').val() + '" method=post style=text-align:center;font-size:12px>Mover para: <select name=new_forum id=movetopic>' + jQuery('select[name="selected_id"]:eq(0)').html() + '</select><br><br><input name=move_leave_shadow type=checkbox> Marcar como Tópico fantasma?<br><br><input type=hidden name=mode value=move><input type=hidden name=t value="' + jQuery('input[name="t"]:eq(0)').val() + '"><input class=button2 type=submit name=confirm value=Sim> <input class=button2 type=submit name=cancel value=Não onclick="' + t + ';return false"><br><br></form> </div> </div> <style> .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } #openModal {color:black!important;} #openModal h2 {font-size: 20px !important;text-align:center; font-weight: bold;}</style>');
        return false;
    });
});

Resultado: