Ajustar online/offline em tópicos tipo blog

Detalhes da questão

Endereço do fórum: http://soulfulbrmusic.forumais.com/forum
Versão do fórum: PunBB

Descrição

Boa Noite pessoal, eu tenho esse código que adiciona a imagem de offline nos tópicos,
o investimento está nos tópicos.

Código:

jQuery(document).ready(function(){
      jQuery(".i_icon_online").attr('src','http://i39.servimg.com/u/f39/14/73/12/96/on10.png');
      jQuery('.username').each(function(){
          if(jQuery(this).find('.i_icon_online').length==0){
            jQuery(this).prepend('<div style="float: left; margin-top: 10px; margin-right: 0px;"</style><img title="desconectado" alt="desconectado" src="http://i39.servimg.com/u/f39/14/73/12/96/off110.png" id="i_icon_offline">');
          };
      });
    });

Porém como podem ver eu possuo a função blog ativada e como podem ver o ícone está desalinhado.
Gostaria que os ícones ficassem ao lado do nome também na no blog.
http://soulfulbrmusic.forumais.com/t75- com o ícone offline
http://soulfulbrmusic.forumais.com/t76- com o ícone online

Agradeço desde já

Olá!

Adicione isto a sua folha de estilos, e veja se resulta:

Código:

.postprofile_mod_fa img#i_icon_offline, .postprofile_mod_fa img#i_icon_online {
    margin-left: 21px;
    margin-bottom: ;
    margin-top: -8px;
}


Até mais.
Isto, para

Obrigada RafaelS. o código resultou
Pode fechar o tópico