Statu do usuário igual o fdf

4 participantes

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

Tópico resolvido Statu do usuário igual o fdf

Mensagem por Hyouki 19.03.16 11:35

Detalhes da questão


Endereço do fórum: http://www.forum-dix.tk
Versão do fórum: PunBB

Descrição


Olá, gostaria de deixar meu fórum com o mesmo efeito de status do usuário igual o daqui "OFFINE/ONLINE"
aguardo.


Última edição por Hyouki em 24.03.16 13:22, editado 1 vez(es)
Hyouki

Hyouki
Super Membro

Membro desde : 10/02/2012
Mensagens : 1495
Pontos : 1981

http://www.forum-dix.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Statu do usuário igual o fdf

Mensagem por YouTube3 19.03.16 12:25

Olá, @Hyouki

Adicione em sua folha de estilos CSS:
Código:
.postprofile {
   background: url(http://i18.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6;
   border: 1px solid #DDD;
   border-radius: 3px;
   padding: 60px 3px 3px;
   position: relative;
   text-align: center;
}
.postprofile {
   border-color: #fff;
   border-left-style: solid;
   border-left-width: 1px;
   color: #666;
   display: inline;
   float: right;
   margin: 5px 0 0;
   min-height: 80px;
   position: relative;
   width: 22%;
   word-wrap: break-word;
}
div.post.online .postprofile:before {
   content: url('http://i18.servimg.com/u/f18/16/89/96/68/online15.png');
}
div.post .postprofile:before {
   content: url('http://i18.servimg.com/u/f18/16/89/96/68/offlin19.png');
   left: 0;
   position: absolute;
   right: 0;
   top: 25px;
   z-index: 2;
}
div.post.online .postprofile:after {
   border-color: #84C754;
}
div.post .postprofile:after {
   background: #2E3133;
   border-bottom: 4px solid #868686;
   content: ".";
   font-size: 0;
   height: 16px;
   left: 0;
   position: absolute;
   right: 0;
   top: 25px;
   z-index: 1;
}

Espero ter lhe ajudado.
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Statu do usuário igual o fdf

Mensagem por Hyouki 19.03.16 12:45

Olá!

funcionou mais as bordas do perfil nas mensagens ficou praticamente invisivel poderia arrumar isso ?.
Hyouki

Hyouki
Super Membro

Membro desde : 10/02/2012
Mensagens : 1495
Pontos : 1981

http://www.forum-dix.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Statu do usuário igual o fdf

Mensagem por TheDarkPlay 19.03.16 12:56

Olá @Hyouki !

Adicione também o seguinte código no topo do seu CSS:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo CSS

Código:
.postprofile {
border-color: #DDD !important;
}

Até logo! Muito feliz
TheDarkPlay

TheDarkPlay
***

Membro desde : 09/07/2015
Mensagens : 165
Pontos : 279

http://typegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Statu do usuário igual o fdf

Mensagem por luan13.09 19.03.16 14:58

TheDarkPlay escreveu:Olá @Hyouki !

Adicione também o seguinte código no topo do seu CSS:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo CSS

Código:
.postprofile {
border-color: #DDD !important;
}

Até logo! Muito feliz

A questão das bordas funcionou, mas eu achei que a caixa do perfil está muito grudada na mensagem.
luan13.09

luan13.09
*

Membro desde : 03/04/2015
Mensagens : 43
Pontos : 89

http://rhcoficial.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Statu do usuário igual o fdf

Mensagem por TheDarkPlay 19.03.16 15:03

Olá @luan13.09

Você pode fazer isso adicionando o seguinte código no seu CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
.postprofile {
margin-right: 10px !important;
}

Você pode alterar o 10px.

Espero ter ajudado!
Atenciosamente TheDarkPlay.
TheDarkPlay

TheDarkPlay
***

Membro desde : 09/07/2015
Mensagens : 165
Pontos : 279

http://typegames.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos