Problema com o ícone de online

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Problema com o ícone de online

Mensagem por Uatyla em 17/02/13, 05:19 pm

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


Última edição por uatyla em 18/02/13, 03:47 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Problema com o ícone de online

Mensagem por BrunoH. em 17/02/13, 09:47 pm

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
.online .postprofile {background-image: url(http://illiweb.com/fa/prosilver/icon_user_online_en.png);background-position: 100% 0%;background-repeat: no-repeat;position: relative;}
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Problema com o ícone de online

Mensagem por Uatyla em 17/02/13, 11:17 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Problema com o ícone de online

Mensagem por Uatyla em 18/02/13, 11:16 am

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 ***/
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Problema com o ícone de online

Mensagem por Uatyla em 18/02/13, 11:28 am

@BrunoH. escreveu:Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
.online .postprofile {background-image: url(http://illiweb.com/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.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Problema com o ícone de online

Mensagem por BrunoH. em 18/02/13, 02:24 pm

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.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Problema com o ícone de online

Mensagem por Uatyla em 18/02/13, 03:17 pm

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.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Problema com o ícone de online

Mensagem por BrunoH. em 18/02/13, 03:25 pm

Olá!
Adicione este código em seu CSS:
Código:
.online .postprofile {background-image: url(http://illiweb.com/fa/pbucket.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.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Problema com o ícone de online

Mensagem por Uatyla em 18/02/13, 03:39 pm

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?
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Problema com o ícone de online

Mensagem por BrunoH. em 18/02/13, 03:41 pm

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.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Problema com o ícone de online

Mensagem por Uatyla em 18/02/13, 03:53 pm

Quando coloquei o icone de offline todos ficou off line
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Problema com o ícone de online

Mensagem por BrunoH. em 18/02/13, 03:55 pm

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.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Problema com o ícone de online

Mensagem por Uatyla em 18/02/13, 04:01 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum