Como colocar ícone "offline"?

Qual é minha questão:
Então, meu fórum só tem o ícone "Online" que uso o seguinte código Java Script:

Código:

jQuery(document).ready(function(){jQuery('.post.online').each(function(){jQuery(this).find('.postprofile dl dt strong a').after(' <img src="http://i.imgur.com/k40W2.png">')})});

Mas eu também queria que tivesse o ícone "Offline".
Qual código posso estar adicionando?
Obs: Já tenho a imagem.

Endereço do meu fórum:
http://www.gbconfig.ativoforum.com

Versão do fórum:
PHPBB3

Olá!
Lembrando ao senhor que é permitido up's nas mensagens depois de passarem 24 horas desde da última postagem do tópico.

Sobre tua questão, Leia este tópico:
[TUTORIAL] Adicionar ícone Online / Offline

Até mais.

Esse tipo, não dá certo.
Por que já adicionei um botão no lugar que ficaria os ícones.
Eu preciso de outro código CSS parecido com aquele que eu mostrei, só que com a função de mostrar quem ta offline.

Então pessoal, como colocar o ícone offline?
Obs: Prestem atenção ao que eu falei la em cima.

Olá!
Aceda a Gestão dos códigos JavaScript:

Painel de Controle Módulos HTML e JavaScript Gestão dos códigos JavaScript

Investimento Em todas as páginas
Código:

jQuery(document).ready(function(){jQuery('.post').each(function(){jQuery(this).find('.postprofile dl dt strong a').after(' <img src="IMAGEM">')})});

IMAGEM -> Coloque o URL da imagem do ícone Offline.
e Salve!

Até mais.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Bom, não deu muito certo.
Tive dois problemas:

1° Pra quem ta online:


2° Pra quem ta offline:

Olá!
Substitua o código .JS do ícone Offline por este:

jQuery(document).ready(function(){jQuery('.online').attr('src','IMAGEM');});
jQuery(document).ready(function(){jQuery('.post').each(function(){jQuery(this).find('.postprofile dl dt strong a').after(' <img src="IMAGEM" id="off">')})});
jQuery(document).ready(function(){if(jQuery('.post .postprofile .online')){jQuery("#off").css('display','none')}});

Vermelho -> Ícone Online
Laranja -> Ícone Offline.

Até mais.

Vlw!!!
Tamo quase lá^^

agora ele só aparece nos que estão offline realmente.
Mas o nick tá do lado, eu queria, que assim como está o online(embaixo do nick) ficasse o offline

Olá!
Substitua o código .JS por este:

jQuery(document).ready(function(){jQuery('.online').attr('src','IMAGEM');});
jQuery(document).ready(function(){jQuery('.post').each(function(){jQuery(this).find('.postprofile dl dt strong a').after('<br><img src="IMAGEM" id="off">')})});
jQuery(document).ready(function(){if(jQuery('.post .postprofile .online')){jQuery("#off").css('display','none')}});

Vermelho -> Ícone Online
Laranja -> Ícone Offline.

Até mais.

Bom, agora não aparece o ícone "online"

O código que está lá é esse:

Código:

jQuery(document).ready(function(){jQuery('.online').attr('src','http://i.imgur.com/kElh0.png');});
jQuery(document).ready(function(){jQuery('.post').each(function(){jQuery(this).find('.postprofile dl dt strong a').after('<br><img src="http://i.imgur.com/N3Jt7.png" id="off">')})});
jQuery(document).ready(function(){if(jQuery('.post .postprofile .online')){jQuery("#off").css('display','none')}});

Olá!

Utilize só este:

Código:

jQuery(document).ready(function(){jQuery('.post').each(function(){jQuery(this).find('.postprofile dl dt strong a').after('<br><img src="http://i.imgur.com/N3Jt7.png" id="off">')})});
jQuery(document).ready(function(){if(jQuery('.post .postprofile .online')){jQuery("#off").css('display','none')}});

Até mais!

Continua a mesma coisa manin...
Só aparece os "offline"

Obs: Apenas este código está no Java Script

aaa pessoal obrigado, eu juntei os códigos e deu certo, agradeço a todos que tiveram a paciencia de me ensinar

vlw brunooh e seender

#FANZAÇO
Resolvido