![[TUTORIAL] Informação ao desconectar Empty](https://2img.net/i/empty.gif)
![[TUTORIAL] Informação ao desconectar Z8XGEVD](https://i.imgur.com/Z8XGEVD.png)
Autor: iChees & @Matheus
Funcionalidade: PunBB
1º)Crie um JavaScript :
Primeiro terá que criar um widget, Painel de controle » Módulos » HTML & Javascript » Gestão dos códigos JavaScript » Criar um novo JavaScript e coloque o código com investimento em todas as páginas:
Código:
window.addEventListener('DOMContentLoaded', function(){
var logout = document.querySelector('a[href^="/login?logout"]');
if( window.sessionStorage.getItem('logout') === '1' ){
document.body.insertAdjacentHTML('afterend', '<div id="logouts" style="transition:all linear .5s;position:fixed;top:0;opacity:0;left:0;right:0;padding:.5em;text-align:center;font:15px Arial;background:#efe4b0;z-index:99999;">Você se desconectou do fórum</div>');
window.setTimeout(function(){
document.getElementById('logouts').style.opacity = '100';
}, 100);
window.setTimeout(function(){
document.getElementById('logouts').style.opacity = '0';
window.sessionStorage.setItem('logout', '0');
}, 3500);
}
logout.addEventListener('click', function(){
window.sessionStorage.setItem('logout', '1');
});
});2º) Resultado:
![[TUTORIAL] Informação ao desconectar 5W8W4KO](https://i.imgur.com/5W8W4KO.png)
