• Descrição:

Olá, gostaria de adicionar um efeito a meu fórum.

Minha ideia é: O membro se desconecta, aparece por alguns instantes, depois some, uma barra no topo do fórum como essa: https://i.imgur.com/5W8W4KO.png

seria interessante poder editar o conteúdo da barra..

• Informações:

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 Lucida sans;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');
    });
   
});