[AddOn] Termos de serviço

por Daemon 17.05.15 3:38

Termos de serviço
Este código forçara os membros a aceitarem os termos de uso que serão impostos pelo administrador do fórum! Caso contrário, ele não terá acesso ao conteúdo do fórum!
Características e aplicação
Criador: @Daemon & @JScript
Versão: 1.2
Versão: Todas as versões
Resultado da aplicação

Local de instalação
A instalação é um pouco complicada, leia e preste bastante atenção aos detalhes! Crie uma nova página HTML. Para isso, acesse Painel de Controle ->> Módulos >> HTML e Javascript >> Gestão das páginas HTML >> Crie a página, e adicione o seguinte conteúdo: Código: <html> <head> <title>Termos De Uso</title> <style type="text/css">body { background-color: #6680B0; font-family: sans-serif; } #termos img {max-height: 100px;} .buttons input { font-size: 13px;font-weight: 500;outline: none;text-align: center;padding: 10px 20px;border-radius: 3px;border: 1px solid rgba(0,0,0,0.1);cursor: pointer;background: #262e33; color: #ffffff; } #disagree {background-color: #B04B4B;} a { color: #105289; cursor: default; bottom: 0px;} h1 { font-size: 2em; } p a { cursor: pointer; } #termos {text-shadow: 0 1px #FFF; box-shadow: inset 0 0 10px; border-radius: 7px;color: #992551;background-color: #FFEFF6;text-align: center;width: 60%;margin-top: 150px;margin-left: auto;margin-right: auto;padding: 20px 20px 20px 20px;} #container { text-align: center; }</style> </head> <body> <div id="termos"> <img src="http://www.bbb.org/globalassets/local-bbbs/tulsa-ok-73/tulsa_ok_73/warning/alert_warning_icon.png" /> <h1>Termos de uso</h1> <p>Digite aqui os termos</p> <div class="buttons"> <input type="button" id="agreed" value="Aceitar" /> <input type="button" id="disagree" value="Recusar" onclick="alert('Você não terá acesso ao conteúdo do fórum');history.back();"/> </div> </div> </body> </html> A página poderá ser editada da forma que o utilizador desejar, basta que seja mantido o id do botão "Aceitar". Crie um novo javascript. Para isso, acesse Painel de Controle ->> Módulos >> HTML e Javascript >> Gestão dos códigos Javascript >> Criar um novo javascript >> Investimento >> Em todas as páginas. Código: $(function() { if(_userdata.session_logged_in === 1) { var page_ID = 2; // ID da página de termos de uso, por exemplo >> /h2- << apenas o número 2 é o ID jQuery.ajax({ url: '/profile?mode=editprofile', type: 'GET', success: function(responseHtml) { jQuery('dl:contains("Termos")', responseHtml).each(function() { var profile = jQuery('ul', this).attr('id'); var profile_Input = jQuery('input', this); if(!profile_Input.is(':checked')) { var TID = jQuery('a[href="tid="]').attr("href").split("tid=")[1].split("&")[0]; var user_ID = _userdata.user_id; var profile_Name = profile_Input.attr('name'); var field_ID = profile.split("12_")[1]; jQuery('body').html( '<iframe id="termos" src="/h' + page_ID + '-" style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; border: none; margin: 0; padding: 0; overflow: hidden; z-index: 1000000;">IFrame is not supported</iframe>' ); jQuery('#termos').load(function() { jQuery(this).contents().find('#agreed').click(function() { jQuery.post("/ajax_profile.forum?jsoncallback=?", { id: field_ID, user: user_ID, active: "1", content: '[["' + profile + '", "' + profile_Input+ '"]]', tid: TID }, function(data){/Only for calback reasons!*/}, "json" ).done(function() { location.reload(); }).fail(function() { console.log("Error: ajax_profile" + user_ID); }); }); }); } }); } }); } }); Procure pela variável "page_ID" no início do código, e leia as instruções ao lado. Por último, ainda no painel de controle, iremos em Usuários & Grupos >> Usuários >> Perfis >> Crie um novo perfil exatamente como na imagem abaixo:

por viniliff 17.05.15 17:15

O código é bastante interessante, parabéns aos criadores! Feliz

Seria interessante, porém, se houvesse outro botão, destinado à quem não aceita os termos. Neste caso, o botão poderia levar o usuário à outra página HTML, com o aviso de que o membro não poderá ter acesso ao conteúdo do fórum.

Até.