Suporte Design
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Suporte DesignEntrar

O Suporte Design dispõe de várias áreas de interesse do usuário, para que o mesmo possa desfrutar do nosso trabalho. Somos também, especialistas naquilo que fazemos, para auxiliar ao utilizador exatamente o que precisa.


[TUTORIAL] Remover usuários de grupos facilmente

power_settings_newInicie sessão para responder

description[TUTORIAL] Remover usuários de grupos facilmente Empty[TUTORIAL] Remover usuários de grupos facilmenteQua 6 Fev - 13:27

more_horiz

[TUTORIAL] Remover usuários de grupos facilmente Index_users
Remover usuários de grupos facilmente

Bem vindo á este tutorial, no mesmo irei lhe ensinar a criar efeito diferenciado. Uma remoção de usuários em grupos aleatórios, apenas para o fundador do fórum em que o efeito está ativo; nas imagens, é até chato, mas se ativo, é um ótimo efeito.

[TUTORIAL] Remover usuários de grupos facilmente Act_bottomAtenção!

O código para criar tal efeito foi testado apenas na versão PHPBB3, não é comprovado que funcione em versões diferentes á esta.
--> Tutoriais, dicas e astúcias <--
Remover usuários de grupos facilmente



1º - Adicionando o CSS:
Para que o efeito tenha uma aparência agradável e elegante iremos adicionar um código CSS para personalizá-lo, para isso devemos aceder á:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

E então, adicionaremos o código abaixo em um enorme campo na página em questão:

Código:

#funybox {background-color: rgba(0, 0, 0, 0.84);height: 100%;display: none;position: fixed;width: 100%;z-index: 999;}#loginbox {-moz-border-radius: 5px;-moz-box-shadow: 0 0 20px #222;-webkit-border-radius: 5px;-webkit-box-shadow: 0 0 20px #222;border-radius: 5px;box-shadow: 0 0 20px #222;font-family: Arial, tahoma, Sans-Serif;font-size: 13px;height: 220px;left: 42% !important;margin: -200px auto auto -300px !important;position: fixed;top: 50%!important;width: 800px;}.loginbox_content {-webkit-transition: 5s;background: #F8F8F8;height: 100%;width: 100%;}.loginbox_head {background: #EEE url(http://i.imgur.com/x1C6p.png) repeat-x 0 0;border-bottom: 1px solid #DDD;display: inline-block;height: 35px;line-height: 35px;vertical-align: middle;width: 100%;}.loginbox_head strong {padding-left: 20px;}.loginbox_head span a {-moz-border-radius: 4px;-webkit-border-radius: 4px;background: #999;border: 1px solid #777;border-radius: 2px;color: white;display: inline-block;float: right;font-weight: bolder;height: 16px;line-height: 14px;margin-right: 10px;margin-top: 7px;position: relative;text-align: center;width: 16px;}.loginbox_username {float: left;font-weight: 700;margin-top: 10px;padding: 10px 20px;width: 250px;}#quick_login_password, #quick_login_username {-moz-box-shadow: inset 0 2px 5px #f0f0f0;-moz-transition: .4s;-ms-transition: .4s;-o-transition: .4s;-webkit-box-shadow: inset 0 2px 5px #F0F0F0;-webkit-transition: .4s;background: #F9F9F9;border: 1px solid #CCC;box-shadow: inset 0 2px 5px #F0F0F0;font-size: 13px;margin: 5px 0;outline: 0;padding: 5px;transition: .4s;width: 260px;}.loginbox_password {float: right;margin-top: 10px;padding: 10px 40px 10px 0;width: 250px;}.loginbox_password label {font-weight: 700;}.forgot.right {float: right;position: relative;top: -65px;}.forgot.right a {color: #666;display: inline-block;font-size: 11px;position: relative;right: -25px;top: 2px;width: 120px;}.loginbox_submit {left: -273px;padding-left: 16px;position: relative;top: 72px;}.loginbox_submit label {margin-left: 5px;position: absolute;top: 0;}.loginbox_submit_button {float: right;margin-right: 20px;margin-top: 50px;position: absolute;right: 0;}#signin_submit_remember {-moz-border-radius: 2px;-moz-box-shadow: inset 0 0 2px #ccc;-moz-transition: 0.5s,box-shadow 0;-ms-transition: 0.5s,box-shadow 0;-o-transition: 0.5s,box-shadow 0;-webkit-border-radius: 2px;-webkit-box-shadow: inset 0 0 2px #CCC;-webkit-transition: 0.5s,box-shadow 0;background: #777 url(http://i.imgur.com/Db0w3.png) repeat-x;border: 1px solid #555;border-radius: 2px;box-shadow: inset 0 0 2px #CCC;color: white;cursor: pointer;padding: 10px 50px;transition: 0.5s,box-shadow 0;}



2º - Revisando o código jQuery:
Neste passo iremos criar um código javascript, para isto ser possível, observe o código o código abaixo:

PUNBB

Código:

$(document).ready(function() {
  $('body').prepend('<div id="funybox" style="top: 0%;"><div id="loginbox" class="window login_menu"><div class="loginbox_content"><div class="loginbox_head"><strong>Conectar-se</strong><span class="fecha-funy"><a href="javascript:displaymenu(\'#funybox\',\'detrik\')" title="Fechar">x</a></span></div><form action="/login" method="post" name="form_login"><div class="loginbox_username"><label for="username">Usuário</label><br><input id="quick_login_username" name="username" type="text"></div><div class="loginbox_password"><label for="password">Senha</label> <input id="quick_login_password" name="password" type="password"><span class="forgot right"><a class="pmpopup" href="/profile?mode=sendpassword" id="resend_password_link">Recuperar senha</a></span><br></div><br class="clearboth"><div class="loginbox_submit"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"><label>Lembrar-me</label></div><div class="loginbox_submit_button"><input id="signin_submit_remember" name="login" type="submit" value="Login"></div></form></div></div></div>');
  $('.loginbox_head .fecha-funy a').attr("onclick","$('.loginbox_content form').fadeOut().remove();$('.loginbox_content .gesc').fadeIn();$('#funybox').slideUp();").css('cursor','pointer').removeAttr('href');
  $('.loginbox_head strong').html('Remover usuários de grupos facilmente');
  var user=$('ul.linklist.navlinks li:last a[href^="/login?logout"]').text();
  if(user=="Sair [ Admin ]") {$('body').prepend('<div class="remengroup" style="position: fixed;top: 0%;right: 0%;background: rgba(0, 0, 0, 0.5);color: #FFF;text-align: center;padding: 10px 22px 10px 22px;cursor: pointer;font-size: 10px;" onclick="$(\'#funybox\').slideDown();"><span>Remoção de staffs</span></div>');}
  $('#loginbox .loginbox_content form[action="/login"]').remove();
  $('#loginbox .loginbox_content').append('<div class="gesc" style="text-align: center;display: block;padding-top: 12px;"><span>Escreva abaixo o link do grupo que desejas remover um integrante</span><br><br><input type="text" style="cursor: text !important;border: 1px solid #bfbfbf;border-radius: 2px;box-sizing: border-box;color: #444;font: inherit;margin: 0;min-height: 2em;padding: 3px;padding-bottom: 4px;width: 43em;"><br><br><input type="button" value="OK" style="-webkit-padding-end: 10px;-webkit-padding-start: 10px;min-height: 2.1em;min-width: 22em;font-weight: normal!important;padding-bottom: 4px!important;-webkit-appearance: none;background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede)!important;border: 1px solid rgba(0, 0, 0, 0.25)!important;border-radius: 2px!important;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);color: #444!important;font: inherit;margin: 0 1px 0 0;text-shadow: 0 1px 0 rgb(240, 240, 240);font-size: 13px!important;"></div>');
  $('#loginbox').attr('style','font-family:\'Century Gothic\'!important');
  $('.loginbox_head strong').attr('style','font-weight:lighter;font-style:italic;');
  $('.loginbox_content .gesc input[type="button"]').click(function() {
      var link=$('.loginbox_content .gesc input[type="text"]').val();
      $.get(link,function(data) {
        var td=$('form[name="post"] .forumbg .inner',data).html();
        $('#loginbox .loginbox_content').append('<form action="'+link+'" method="post" name="post" class="frm-form">'+td+'</form>');
        $('.loginbox_content .loginbox_head strong').html($('h1.page-title', data).text());
        $('.loginbox_content form table thead').remove();
        $('.loginbox_content form table tbody tr').attr('style','padding-left: 10px;');
        $('.loginbox_content form table tbody tr.row1').attr('style','padding-left: 10px;background: none; border: none;');
        $('.loginbox_content form p.row1:contains("Todo o membro que faz parte deste grupo é também administrador do fórum.")').remove();
        $('.loginbox_content form p.left-box').remove();
        $('.loginbox_content form table tbody tr.row1:contains("Este grupo não possui membros")').addClass('row4').removeClass('row1');
        $('.loginbox_content form table tbody tr.row1 td:nth-child(1)').remove();
        $('.loginbox_content form table tbody tr.row1 td:nth-child(3)').remove();
        $('.loginbox_content form table tbody tr.row1 td:nth-child(4)').remove();
        $('.loginbox_content form table tbody tr.row1 td:nth-child(5)').remove();
        $('.loginbox_content form table tbody tr.row1 td:nth-child(6)').remove();
        $('.loginbox_content form table').attr('style','font-weight:lighter;width: 100%');
        $('.loginbox_content form p.right-box').attr('style','text-align:center; float:none!important;');
        $('.loginbox_content form p.right-box input[name="remove"]').attr('style','-webkit-padding-end: 10px;-webkit-padding-start: 10px;min-height: 2.4em;min-width: 22em;font-weight: normal!important;padding-bottom: 4px!important;-webkit-appearance: none;background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede)!important;border: 1px solid rgba(0, 0, 0, 0.25)!important;border-radius: 2px!important;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);color: #444!important;font: inherit;margin: 0 1px 0 0;text-shadow: 0 1px 0 rgb(240, 240, 240);font-size: 13px!important;');
        $('.loginbox_content form table tbody tr td').css('padding-left','59px');
        $('.loginbox_content form table tbody tr td').css('padding-top','10px');
        $('.loginbox_content form table tbody tr td.posts').attr('style','padding-right: 40px; padding-top: 10px;');
        $('.loginbox_content form table tbody tr.row3 td:contains("Membros")').attr('style','padding-left: 39px; padding-top: 10px;');
        $('.loginbox_content form table tbody tr:contains("Membros do Grupo")').attr('style','padding-bottom:0px; padding-left: 59px;padding-bottom:0px;background: none;border: none;');
        $('.loginbox_content form table tbody tr.row3:contains("Moderador do Grupo")').remove();
        $('.loginbox_content form table tbody tr.row1:contains("Admin")').remove();
        $('.loginbox_content form table tr.row4 td p.center').css('font-size','13px');
      });
      $('.loginbox_content .gesc').fadeOut();
      $('.loginbox_content form').fadeIn();
  });
  $('.fecha-funy').click(function() {
      $('.loginbox_content .gesc input[type="text"]').val('');
      $('.loginbox_content .loginbox_head strong').html('Remover usuários de grupos facilmente');
  });
});

Após observado-o, localize 'Admin' no código, e substitua por seu nick no fórum (Apenas o usuário com este nick verá o efeito).


3º - Adicionando o código jQuery:
Após efetuarmos a mudança no código referente ao efeito iremos agora adicioná-lo em nossa gestão de códigos JS, para isso acederemos á:
Painel de controle -> Módulos -> HTML & JAVASCRIPT -> Gestão dos códigos JavaScript
Localize, e clique em 'Criar um novo JavaScript', e então colocaremos estas propriedades:
[TUTORIAL] Remover usuários de grupos facilmente 2u5q428

[TUTORIAL] Remover usuários de grupos facilmente 110111[TUTORIAL] Remover usuários de grupos facilmente 398853 Título - Terá de colocar um título para a página, de forma que possa identificá-la na lista de páginas JavaScript do Painel de Controle;
[TUTORIAL] Remover usuários de grupos facilmente 110210[TUTORIAL] Remover usuários de grupos facilmente 398853 Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros em seu fórum
[TUTORIAL] Remover usuários de grupos facilmente 110310[TUTORIAL] Remover usuários de grupos facilmente 398853 Código JavaScript - Neste campo teremos de inserir o código que o senhor modificou no item anterior;
[TUTORIAL] Remover usuários de grupos facilmente 110410[TUTORIAL] Remover usuários de grupos facilmente 398853 Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.

4º - Resultado final:
[TUTORIAL] Remover usuários de grupos facilmente ASMil3Z [TUTORIAL] Remover usuários de grupos facilmente ZgesXyN
Obs: Não há borda, é apenas um fundo ocupando a tela totalmente.


© [F]lames & SuporteDesign


[TUTORIAL] Remover usuários de grupos facilmente Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Remover usuários de grupos facilmente
privacy_tip Permissões neste sub-fórum
Não podes responder a tópicos
power_settings_newInicie sessão para responder