Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Gaaratsu
 
Daniel Yan
 
Ketholy
 
Eduardo Lima
 
Shek
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
245 usuários online :: 10 usuários cadastrados, 1 Invisível e 234 Visitantes :: 2 Motores de busca

Chris Damaceno, cocas20, Daniel Yan, Dr., DustyRhodes, EDU2010, Ketholy, Luiz, Maiicinhu, odelgado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Membro do Mês Personalizado

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

Resolvido Membro do Mês Personalizado

Mensagem por Zoldyck em 29/04/15, 10:23 pm

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

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 96

Ver perfil do usuário

Resolvido Re: Membro do Mês Personalizado

Mensagem por Rafael em 30/04/15, 02:09 pm

Olá amigo!

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



Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck em 30/04/15, 07:54 pm

Quase isso amigo, no caso com o CSS que forneci acima ficaria da seguinte forma, veja.
avatar

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 96

Ver perfil do usuário

Resolvido Re: Membro do Mês Personalizado

Mensagem por Rafael em 01/05/15, 08:50 am

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck em 01/05/15, 01:08 pm

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

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 96

Ver perfil do usuário

Resolvido Re: Membro do Mês Personalizado

Mensagem por Rafael em 01/05/15, 01:15 pm

Olá!

Poderia deixar o código ativo por gentileza?

Até.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck em 01/05/15, 01:26 pm

Pronto amigo.
avatar

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 96

Ver perfil do usuário

Resolvido Re: Membro do Mês Personalizado

Mensagem por Rafael em 01/05/15, 01:26 pm

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck em 01/05/15, 01:34 pm

Funcionou perfeitamente, obrigado.
avatar

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 96

Ver perfil do usuário

Resolvido Re: Membro do Mês Personalizado

Mensagem por Sennior em 01/05/15, 05:58 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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


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