Colocar um alternador no captcha

Item: Colocar um alternador no captcha
Rating: 1

por IsmaelS. Qui 22 Out 2015 - 14:22

Detalhes da questão

Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá!

Seria possível colocar um alternador no captcha do fórum? Ou seja modificar para outro captcha aleatório.
colocar u38996 - Colocar um alternador no captcha 331ipw9

colocar u38996 - Colocar um alternador no captcha 331ipw9

por **Fraise** Qui 22 Out 2015 - 14:39

Olá!

Leia o conteúdo no spoiler:

Spoiler:

colocar u38996 - Colocar um alternador no captcha Jeux10

Inserindo o no CAPTCHA reCAPTCHA em seu fórum

Hoje, aprenderemos a substituir o código de confirmação do registro de nosso fórum para o novo CAPTCHA da google.

--> Tutoriais, dicas e astúcias <--
Inserindo o no CAPTCHA reCAPTCHA em seu fórum

1º - Configurações no google
Primeiro, precisamos de uma chave de API, então, vá até o site https://www.google.com/recaptcha/admin Para ter acesso a essa página, você precisar ter acesso a sua conta do Google. Será pedido que você registre seu fórum, onde esse reCAPTCHA em particular será usado.

Em label, coloque a url de seu fórum e em domains faça a mesma coisa.

colocar u38996 - Colocar um alternador no captcha Register

2º - Passo
Com isso feito, você receberá a chave do seu site e chave secreta de parceiro:

colocar u38996 - Colocar um alternador no captcha Keys

3º - Passo
Abaixo das chaves você verá alguns trechos de código para a inclusão do reCAPTCHA em seu fórum. Primeiro, há o do JavaScript:

Exemplos:

Código:: <script src='https://www.google.com/recaptcha/api.js'></script>

Ainda no código JavaScript Você também pode definir qual dos 40 idiomas suportados você usará, adicionando um parâmetro à cadeia de caracteres. Aqui, adicionaremos pt-BR o que nos trará o idioma Português Brasileiro para o reCAPTCHA:

Código:: <script src='https://www.google.com/recaptcha/api.js?hl=pt-BR'></script>

Observe, no final de seu código, ou seja, no .js logo depois coloque ?hl=pt-BR

Exemplo da div:

Código:: <div class="g-recaptcha" data-sitekey="6LcePAATAAAAAGPRWgx90814DTjgt5sXnNbV5WaW"></div>

Seus códigos serão parecidos com esses.

Nota: o atributo data-sitekey deverá conter o valor da sua chave, não o valor desse exemplo.

4º - Adicionando em seu fórum

Primeiro criaremos uma nova página HTML, para isso, aceda em:

Painel de controle Seta

Módulos

HTML & JAVASCRIPT Seta

Gestão das páginas HTML.

Crie uma nova página clicando em "Criar no modo avançado (HTML)

Seta

Título: Coloque um título a sua escolha
Seta

Você deseja utilizar o início e o final da página do seu fórum ? Nesta opção deveremos marcar "Não"
Seta

Usar esta página como página inicial? Nesta opção, também deveremos marcar "Não"

Em Conteúdo da página colocaremos o seguinte código:

Código:: <!DOCTYPE html> <html lang="pt-BR"> <head> </head> <body> DIV GERADA NO SITE DA GOOGLE SCRIPT GERADO NO SITE DA GOOGLE </body> </html>

Em: DIV GERADA NO SITE DA GOOGLE você deverá colocar a DIV gerada, a igual do exemplo do passo 3.

Em: SCRIPT GERADO NO SITE DA GOOGLE você deverá colocar o SCRIPT gerado, igual do exemplo do passo 3.

ficará parecido com isto:

Código:: <!DOCTYPE html> <html lang="pt-BR"> <head> </head> <body> <div class="g-recaptcha" data-sitekey="6LeRPAcTAAAAABx8dE36EutHc5SUFzgjH2UKJwMz"></div> <script src='https://www.google.com/recaptcha/api.js?hl=pt-BR'></script> </body> </html>

Ao criar a página, guarde a url dela, assim:

colocar u38996 - Colocar um alternador no captcha 8gMw3vG

5º - JavaScript

As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle Seta curta

Modulos

HTML & JavaScript Seta curta

"Aba" Gestão dos códigos JavaScripts

colocar u38996 - Colocar um alternador no captcha Painel13

colocar u38996 - Colocar um alternador no captcha 110111

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

colocar u38996 - Colocar um alternador no captcha 110210

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.

colocar u38996 - Colocar um alternador no captcha 110310

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

Código:: $(document).ready(function(){ $('dd.captcha').fadeIn(function(){ var pagina = "URLDAPAGINAHTML"; $('dd.captcha').load(pagina); }); });

Em URLDAPÁGINAHTML. coloque a url de sua página criada, igual ao exemplo do passo 4

colocar u38996 - Colocar um alternador no captcha 110410

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

6º - Funcionalidade:
Este código funciona em fóruns PunBB, para que funcione em phpBB vamos alterar o JavaScript por este:

Código:: $(document).ready(function(){ $('.captcha-img').fadeIn(function(){ var pagina = "URLDAPAGINAHTML"; $('.captcha-img').load(pagina); }); });

7º - Resultado:
O resultado será como na imagem abaixo: