Problema com o ícone de online

Qual é minha questão:
Olá senhores!

Estou com um problema chato, meu ícone de Online não aparece corretamente e quando aparece ela aparece por traz da borda, como posso arrumar?

para facilitar segue umas imagens.

Aqui no FDF


No meu Fórum


Endereço do meu fórum:
http://clan-xtremocaos.forumeiros.com

Versão do fórum:
PHPBB3

Olá!
Aceda a Folha de Estilo CSS:

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

Código:

.online .postprofile {background-image: url(https://2img.net/i/fa/prosilver/icon_user_online_en.png);background-position: 100% 0%;background-repeat: no-repeat;position: relative;}

e Valide!

Até mais.

Não resultou, e percebi que está tendo complito com o equipe fundo, que com a borda.

Bom aqui está o código da borda.

Código:

/*** borada perfil ***/

.postprofile {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #B0E2FF;
background-position: top;
border: 2px solid #5493B4;
margin-top: 0!important;
text-align:
}
.postprofile {
border: 1px solid #5493B4;
position: relative;
top: 25px;
left: 11px;
padding: 5px;
background: #EBEBEB;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.panel {
background-color: #f8f8f8;
border-radius: 5px;
border: 1px solid #dadada;
box-shadow: 0px 0px 6px #f1f1f1;
color: #2E2E2E;
margin-bottom: 4px;
padding: 0 10px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
/*** Borda perfil Fim ***/

BrunoH. escreveu:Olá!
Aceda a Folha de Estilo CSS:

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

Código:

.online .postprofile {background-image: url(https://2img.net/i/fa/prosilver/icon_user_online_en.png);background-position: 100% 0%;background-repeat: no-repeat;position: relative;}

e Valide!

Até mais.

Esse codigo funcionou mais cancelou o equipe fundo, como posso fazer para manter os 2, e o online ainda continua por traz da borda do menu.

Olá!
Use o botão "Editar" meu querido, evite fazer double/triple postagem por favor..

Sobre tua questão, preciso que o senhor deixe o antigo código que o online estava ficando por trás do perfil, pois verifiquei em seu fórum e o código não encontra-se lá.

Até mais.

Esse código anula o equipe fundo, por isso removi eu preciso de um que funcione não um que anule outro si é que me entende, sobre o ícone fica por traz da borda já sei como arruma só fazer uma imagem e adequa-la, agora quero um código que funcione equipe fundo e online.

Olá!
Adicione este código em seu CSS:

Código:

.online .postprofile {background-image: url(http://i294.photobucket.com/albums/mm114/vhens_v14/online-icon-animated.gif)!important;background-position: right 0;background-repeat: no-repeat;}

* Não edite nada no mesmo, cole o código como está aqui para ver se o mesmo irá resultar, caso resulte poderá editar a seu gosto.

Até mais.

Meus parabéns resolvel, eu to a mais de 5 meses pedindo isso segue meu Obrigado e os +++++

e Mais uma vez obrigado.

e só mais uma coisa tem como colocar Off-line?

Olá!
Sim senhor, adicione este código juntamente em seu CSS:

div.post .postprofile {background-image: url(IMAGEM)!important;background-position: right 0;background-repeat: no-repeat;}

IMAGEM -> Coloque o URL da imagem Ofline.

Até mais.

Quando coloquei o icone de offline todos ficou off line

Olá!
Opa, desculpe esqueci de remover o !important, substitua o código por este:

div.post .postprofile {background-image: url(IMAGEM);background-position: right 0;background-repeat: no-repeat;}

Até mais.

Não resultou não mais o online pra mim já está otimo.