Membro do Mês Personalizado Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Membro do Mês Personalizado

3 participantes

Ir para baixo

Tópico resolvido Membro do Mês Personalizado

Mensagem por Zoldyck 30.04.15 2:23

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Sempre
Endereço do fórum : http://somosfairytail.forumeiros.com/

Descrição do problema

Olá,

Gostaria de um código que permitisse o efeito acima no nick's dos usuário no tópico membro do mês. O efeito seria basicamente os três primeiros membro teriam seus nicks verdades e os demais seus nicks vermelhos.

Css para efeito verde:
Código:
-webkit-border-radius: 3px;
  background-color: #7ba60d;
  background-image: url(http://i.imgur.com/EHGpChd.png);
  background-position: 0 -1px;
  background-repeat: repeat-x;
  border-radius: 3px;
  color: #fff;
  cursor: default;
  font-size: 9px;
  font-weight: 700;
  height: 16px;
  line-height: 16px;
  padding: 3px 5px;
  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  text-transform: uppercase;

Css para nick vermelho:
Código:
  -webkit-border-radius: 3px;
  background-color: #FF0519;
  background-image: url(http://i.imgur.com/EHGpChd.png);
  background-position: 0 -1px;
  background-repeat: repeat-x;
  border-radius: 3px;
  color: #fff;
  cursor: default;
  font-size: 9px;
  font-weight: 700;
  height: 16px;
  line-height: 16px;
  padding: 3px 5px;
  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  text-transform: uppercase;
Zoldyck
Zoldyck
**

Membro desde : 30/01/2015
Mensagens : 71
Pontos : 96

Ir para o topo Ir para baixo

Tópico resolvido Re: Membro do Mês Personalizado

Mensagem por RafaelS. 30.04.15 18:09

Olá amigo!

Não compreendi muito bem, mas veja se é isto:

Membro do Mês Personalizado Owkbq43

Até mais.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck 30.04.15 23:54

Quase isso amigo, no caso com o CSS que forneci acima ficaria da seguinte forma, veja.
Membro do Mês Personalizado W3gYrdU
Zoldyck
Zoldyck
**

Membro desde : 30/01/2015
Mensagens : 71
Pontos : 96

Ir para o topo Ir para baixo

Tópico resolvido Re: Membro do Mês Personalizado

Mensagem por RafaelS. 01.05.15 12:50

Olá amigo!
Adicione a sua folha de estilos (CSS):

Código:

/* Personalizando widget membros mais ativos do mês */
.module.main tr:nth-child(1) td.row2 span, .module.main tr:nth-child(2) td.row2 span, .module.main tr:nth-child(3) td.row2 span {
  background-color: #7ba60d;
  background-image: url(http://i.imgur.com/EHGpChd.png);
  background-position: 0 -1px;
  background-repeat: repeat-x;
  border-radius: 3px;
  cursor: default;
  font-size: 9px;
  font-weight: 700;
  height: 16px;
  line-height: 16px;
  padding: 3px 5px;
  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  text-transform: uppercase;
  color: white !important;
}

.module.main tr td.row2 span {
  -webkit-border-radius: 3px;
  background-color: #FF0519;
  background-image: url(http://i.imgur.com/EHGpChd.png);
  background-position: 0 -1px;
  background-repeat: repeat-x;
  border-radius: 3px;
  color: #fff !important;
  cursor: default;
  font-size: 9px;
  font-weight: 700;
  height: 16px;
  line-height: 16px;
  padding: 3px 5px;
  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  text-transform: uppercase;
}

Resulta?
Até mais.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck 01.05.15 17:08

Olá,

Amigo no caso não resultou misturou as cores, basicamente seria somente os 3 primeiros membros com a coloração verde e os demais com a vermelha.
Zoldyck
Zoldyck
**

Membro desde : 30/01/2015
Mensagens : 71
Pontos : 96

Ir para o topo Ir para baixo

Tópico resolvido Re: Membro do Mês Personalizado

Mensagem por RafaelS. 01.05.15 17:15

Olá!

Poderia deixar o código ativo por gentileza?

Até.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck 01.05.15 17:26

Pronto amigo.
Zoldyck
Zoldyck
**

Membro desde : 30/01/2015
Mensagens : 71
Pontos : 96

Ir para o topo Ir para baixo

Tópico resolvido Re: Membro do Mês Personalizado

Mensagem por RafaelS. 01.05.15 17:26

Olá amigo!

Troque por este:

Código:
/* Personalizando widget membros mais ativos do mês */
tr:nth-child(1) td.row2 span, tr:nth-child(3) td.row2 span, tr:nth-child(2) td.row1 span {
  background-color: #7ba60d !important;
}
.module.main tr td span {
  background-color: #FF0519;
  background-image: url(http://i.imgur.com/EHGpChd.png);
  background-position: 0 -1px;
  background-repeat: repeat-x;
  border-radius: 3px;
  color: #fff !important;
  cursor: default;
  font-size: 9px;
  font-weight: 700;
  height: 16px;
  line-height: 16px;
  padding: 3px 5px;
  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  text-transform: uppercase;
}

Até mais.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck 01.05.15 17:34

Funcionou perfeitamente, obrigado.
Zoldyck
Zoldyck
**

Membro desde : 30/01/2015
Mensagens : 71
Pontos : 96

Ir para o topo Ir para baixo

Tópico resolvido Re: Membro do Mês Personalizado

Mensagem por Sennior 01.05.15 21:58

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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