Cari membri,
In questo semplice tutorial vi mostreremo come personalizzare la schermata di avviso del ban che viene mostrato all'utente bandito dal forum. 
Per prima cosa, ecco cosa comparirà prima del ban nel profilo utente:
Questo invece sarà quello che comparirà dopo il ban:
Questo sarà quello che visualizzerà quando l'utente farà il login al forum:
Come lo inserisco nel mio forum?
Andate verso Pannello di amministrazione > Moduli > Gestione dei codici Javascript e create un nuovo codice (script).
- Titolo: A vostra scelta.
- Dove: Tutte le pagine.
- Nel codice inserite quanto segue e poi salvate con "Convalidare":
- Codice:
$(function(){
var limages = ['http://www.rifenews.com/wp-content/uploads/2014/12/20141213_548c52a7a4c55.png','http://cdn.meme.am/instances/57622676.jpg','http://wordpressinaction.com/files/2014/06/ip.jpg','http://silverhawkarmy.files.wordpress.com/2010/10/banhammer_forecast.gif','http://istillgotoschool.files.wordpress.com/2014/04/you_shall_not_pass_road_sign_by_replicantcomplex-d5terv3.png?w=519','http://www.winsonyeung.com/wp-content/uploads/2012/10/banned.png'];
var a="",namee = "", reason = "",days = "",given = "",exspires = "",comment = "";
var lognmsg,usrsname,element;
if (document.getElementById('wrap')){
element = '#wrap';
usrsname = $('#profile-advanced-right .module').eq(0).find('.h3').text();
lognmsg = $('.page-title').next('p').text();}//phpbb3
else if ($('.bodylinewidth').length){
element = '.bodylinewidth';
usrsname = $('.catLeft .module-title').eq(0).text();
lognmsg = $('.forumline table:contains(You have been banned)').text();} //phpbb2
else if ($('.pun').length){
element = '.pun';
usrsname = $('#profile-advanced-right .module').eq(0).find('.h3').text();
lognmsg = $('.message').text();} //punbb
else if (document.getElementById('ipbwrapper')){
element = '#ipbwrapper';
usrsname = $('#profile-advanced-right .module').eq(0).find('h3').text();
lognmsg = $('.msg').text();}; //invision
function getimage() {return limages[Math.floor(Math.random() * limages.length)];};
if($('a[href*="mode=ban"]').length==1){
$('head').append('<style>#tbanbutton {float:right;margin-top: -25px;}#banstatus {width: 200px;display: inline-block;}#tbanbutton input{color:#fff;background-color: rgba(255,0,0,01);font-weight: bold;border:1px solid grey;border-radius: 3px; box-shadow: 0px 5px 6px rgba(255, 255, 255, 0.5) inset, 0px -5px 6px rgba(0, 0, 0, 0.5) inset;}#banbox {color:#555;border-radius: 3px; background-color: #eee;box-shadow: 5px 5px 6px rgba(255, 255, 255, 0.5) inset, -5px -5px 6px rgba(0, 0, 0, 0.2) inset;padding: 10px;}.bantitle{border-bottom:1px solid black;color:black;}</style>');
$('a[href*="mode=ban"]').css('display','none');
$('a[href*="mode=ban"]').parent().after('<div id="banbox"><h3 class="bantitle">Questo utente<h3><table><tbody><tr><td>E' stato bannato per i seguenti giorni: </td><td><input id="hdays" type="text"></td></tr><tr><td>Motivo del ban: </td><td><input id="treason" type="text"></td></tr><tr><td>Commenti sul ban:</td><td><input id="tcomment"type="text"></td></tr></tbody></table><div id="tbanbutton" ><input value="Bandisci" type="button"> <span id="banstatus">Idle...</div></div>');
};
if(lognmsg.match('banned')){
a = lognmsg;
namee = a.match(/usn-(.*?)-usn/,'$1');
reason = a.match(/rsn-(.*?)-rsn/,'$1');
days = a.match(/dys-(.*?)-dys/,'$1');
given = a.match(/givn-(.*?)-givn/,'$1');
exspires = a.match(/exp-(.*?)-exp/,'$1');
comment = a.match(/com-(.*?)-com/,'$1');
$('head').append('<style>#banstuff { padding: 20px;margin-top: 10px;width: 600px;display: inline-block;border-radius: 10px; border: 1px solid black;box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.3) inset, 0px -30px 30px rgba(255, 255, 255, 0.3) inset;}#banned img { max-height: 250px;border-radius: 10px;margin-top:10px;margin-bottom:10px;}#banned {width:80%;position: relative;color: #000 !important;font-size: 18px;background-color: #FFA500;border-radius: 50px; padding-bottom: 30px;box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.3) inset, 0px -50px 50px rgba(255, 255, 255, 0.3) inset; border: 3px solid darkkhaki;}</style>');
$(element).html('<center><div id="banned"><img id="bannedimg" src="'+getimage()+'"><br><span>Ciao <b>'+namee[1]+'</b>, sei stato <b>bannato</b> da <b>questo forum</b> per quanto segue: </span><br><div id="banstuff"><span>Motivo: <b>'+reason[1]+'</b></span><br><br><span>Ban ottenuto: <b>'+given[1]+'</b></span><br><br><span>Durata ban: <b>'+days[1]+' Days.</b></span><br><br><span>Scadenza del ban: <b>'+exspires[1]+'</b></span><br><br><span>Commenti: <b>'+comment[1]+'</b></span></div></center>');
};
if($('strong:contains(Questo utente è bannato)').length==1||$('strong:contains(Questo utente è già stato bannato)').length==1){
var obpro,tmiban;
if($('strong:contains(L'utente è stato bannato)').length==1){tmiban='strong:contains(L'utente è stato bannato)'; obpro = $('strong:contains(L'utente è stato bannato)').html(); }
if($('strong:contains(L'utente è già stato bannato)').length==1){tmiban='strong:contains(L'utente è già stato bannato)'; obpro = $('strong:contains(L'utente è già stato bannato)').html();}
obpro = obpro.replace(/<\/a>(.*)/,'</a><br><span id="hidebanbox">$1</span>');
$(tmiban).html(obpro);
var a="",namee = "", reason = "",days = "",given = "",exspires = "",comment = "";
if($('#hidebanbox').length==1){
a = $('#hidebanbox').text();
namee = a.match(/usn-(.*?)-usn/,'$1');
reason = a.match(/rsn-(.*?)-rsn/,'$1');
days = a.match(/dys-(.*?)-dys/,'$1');
given = a.match(/givn-(.*?)-givn/,'$1');
exspires = a.match(/exp-(.*?)-exp/,'$1');
comment = a.match(/com-(.*?)-com/,'$1');
$('head').append('<style>#hidebanbox{display:none;}#banstuff { padding: 20px;margin-top: 10px;width: 600px;display: inline-block;border-radius: 10px; border: 1px solid black;color:#000;background-color: #FFA500;box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.3) inset, 0px -30px 30px rgba(255, 255, 255, 0.3) inset;}</style>');
$('#hidebanbox').before('<divid="bannedbox"><center><div id="banstuff"><span><b>'+namee[1]+'</b>, è stato <b>bannato</b> da <b>questo forum</b> per quanto segue: </span><br><span>Motivo: <b>'+reason[1]+'</b></span><br><span>Ban ottenuto: <b>'+given[1]+'</b></span><br><span>Durata: <b>'+days[1]+' Days.</b></span><br><span>Scadenza del ban: <b>'+exspires[1]+'</b></span><br><span>Commenti: <b>'+comment[1]+'</b></span></center></div>');
};
};
$('#tcomment').keyup(function(){
var uname = usrsname.replace(/ \(online\)/,'');
var days = $('#hdays').val();
var reason = $('#treason').val();
var uid = location.pathname.replace('/u','');
var day = (new Date).getDate();
var month = (new Date).getMonth() + 1;
var year = (new Date).getFullYear();
var givn =month+'/'+day+'/'+year;
var exp = month+'/'+(day+parseInt(days))+'/'+year;
var thelist = 'usn-'+uname+'-usn rsn-'+reason+'-rsn givn-'+givn+'-givn dys-'+days+'-dys exp-'+exp+'-exp com--com';
var hh = thelist.split('');
$('#tcomment').attr('maxlength',255-hh.length);
});
$('#tbanbutton').click(function(){
$('#banstatus').text('Bannando l'utente...');
var uname = usrsname.replace(/ \(online\)/,'');
var days = $('#hdays').val();
var reason = $('#treason').val();
var comment = $('#tcomment').val();
var uid = location.pathname.replace('/u','');
var exp1 = new Date();
var exp2 = new Date();
exp2.setDate(exp2.getDate()+parseInt(days));
var day = exp1.getDate();
var month = exp1.getMonth() + 1;
var year = exp1.getFullYear();
var day2 = exp2.getDate();
var month2 = exp2.getMonth() + 1;
var year2 = exp2.getFullYear();
var givn =month+'/'+day+'/'+year;
var exp = month2+'/'+day2+'/'+year2;
if (days ==""){ days ='Forever';exp='Never';};
var thelist = 'usn-'+uname+'-usn rsn-'+reason+'-rsn givn-'+givn+'-givn dys-'+days+'-dys exp-'+exp+'-exp com-'+comment+'-com';
jQuery.post('/modcp?tid='+document.getElementById('logout').href.replace(/.*tid=(.*?)&.*/,'$1'), {
ban_user_date: days,
ban_user_reason:thelist,
confirm:1,
mode: 'ban',
user_id: uid
},function(data,status){
if(data.match('This member has been banned')){
$('#banstatus').text('L'utente è stato bannato');
location.reload();
}else{
$('#banstatus').text('Impossibile banner il membro');
};
});
});
});
Modifiche:
Limages è un elenco di immagini casuali che verrà mostrato sulla schermata del ban quando un utente tenterà di accedere al forum. Potete aggiungere o rimuovere dalla lista come più preferite. Nel caso in qui non volete nessuna immagine, vi basterà sostituire con questo:
- Codice:
var limages = ['http://2img.net/i/fa/empty.gif'];
Ricordatevi che ogni URL immagine è contenuta all'interno di apostrofi e separati da una virgola per funzionare correttamente.
Tutorial realizzato da _Twisted_Mods_ del forum di supporto inglese e tradotto per Forumattivo da MartinoPio
Copyright  FORUMATTIVO.COM
|
Indice
Bannare con avviso personalizzato
Da Ospite Gio 12 Mar 2015 - 14:19
Argomenti simili
Facebook
Twitter
Youtube
