Online e Offline

• Descrição:
  

Olá senhores!
Gostaria de saber como colocar Online e Offline no fórum, já faz muito tempo que desejo colocar tal efeito no meu fórum e nunca achei um código para suprir essa necessidade do meu fórum.
o único código que funcionou bem foi esse, porém só funciona o ícone de online.

Código:

/*** icone de online ***/

.online .postprofile {background-image: url(http://i.imgur.com/Fo9J3.png)!important;background-position: right 0;background-repeat: no-repeat;}
 
/*** incone de online fim ***/

• Informações:
  

Código:

.post{background:white url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right!important}.online{background:white url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right!important}

Código:

.post{background:transparent url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right!important}.online{background:white url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right!important}

Saudações!

Painel de Controle    Visualização    Imagens e cores    Cores    Folha de estilo CSS

Código:

.post{background:white url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right!important;z-index: 9999!important;}.online{background:white url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right!important;z-index: 9999!important;}

Código:

div.post {
background-image: url('http://www.guiadohardware.net/comunidade/images/statusicon/user_offline.gif') !important;
backgound-repeat: no-repeat;
background-position: 17% 15px;
}
div.online {
background-image: url('http://www.guiadohardware.net/comunidade/images/statusicon/user_online.gif') !important;
backgound-repeat: no-repeat;
background-position: 17% 15px;
}

Código:

    /*** icone de online ***/

    .online .postprofile {background-image: url(http://i.imgur.com/Fo9J3.png)!important;background-position: right 0;background-repeat: no-repeat;}
   
    /*** incone de online fim ***/

Código:

/*** icone de online ***/
    .online .postprofile {background-image: url(http://i.imgur.com/Fo9J3.png)!important;background-position: right 0;background-repeat: no-repeat;}
   .postprofile {background-image: url(http://www.guiadohardware.net/comunidade/images/statusicon/user_offline.gif)!important;background-position: right 0;background-repeat: no-repeat;}
    /*** incone de online fim ***/

Código:

.postprofile {background-position-x: 167px!important;background-position-y: 4px!important;}

Código:

.postprofile {z-index: 9999999 !important;position: relative !important;background-position-x: 175px !important;background-position-y: 9px !important;}

Código:

.postprofile {z-index: 9999 !important;position: relative !important;background-image: url(http://i.imgur.com/Fo9J3.png) !important;background-repeat: no-repeat !important;background-position-x: 10pc !important;border-color: rgb(255, 255, 255) !important;color: rgb(102, 102, 102) !important;display: inline !important;float: right !important;word-wrap: break-word !important;}

body div.postprofile {
float: left!important;
}

div.postprofile {
background-position-x: 200px;
}

Código:

jQuery(document).ready(function(){jQuery('.post.online .postprofile dl dt strong a').after('<br><img src=http://i.imgur.com/kElh0.png>');jQuery('.post:not(.online) .postprofile dl dt strong a').after('<br><img src=http://i.imgur.com/N3Jt7.png>')});

Código:

    /*** icone de online ***/

        .online .postprofile {background-image: url(http://i.imgur.com/Fo9J3.png)!important;background-position: right 0;background-repeat: no-repeat;}

        /*** incone de online fim ***/

Código:

jQuery(document).ready(function() {
  jQuery('.post.online .postprofile ').before(
    '<img src=http://i.imgur.com/kElh0.png style="float: right;">');
  jQuery('.post:not(.online) .postprofile').before(
    '<img src=http://i.imgur.com/N3Jt7.png style="float: right;">')
});

jQuery(document).ready(function() {
jQuery('.post.online .postprofile ').prepend(
'<img src=https://2img.net/h/s20.postimg.cc/qbq840hi1/on210110.png style="float: right;margin-top:-6px;">');
jQuery('.post:not(.online) .postprofile').prepend(
'<img src=https://2img.net/h/s20.postimg.cc/hi3x0njx5/off20010.png style="float: right;margin-top:-6px;">')
});

Código:

jQuery(document).ready(function(){jQuery('.post.online .postprofile dl ').before('<img class="shek_online" src="http://s20.postimage.org/qbq840hi1/on210110.png" style="float: right;">');jQuery('.post:not(.online) .postprofile dl').before('<img class="shek_off" src="http://s20.postimg.org/hi3x0njx5/off20010.png?noCache=1408197214" style="float: right;">')});

Código:

.shek_online, .shek_off {
margin-top: -10px;
}