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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Bug no plug-in "Criar tags bbcode" do Daemon
Hoje à(s) 23:05 por luuuiiiz

» PHP em widget
Hoje à(s) 22:33 por MateusAnjosV

» Personalizar categorias do fórum
Hoje à(s) 22:30 por Cream

» Anti flood no chatbox
Hoje à(s) 21:22 por Cream

» Botões CKeditor funcional
Hoje à(s) 21:14 por while

» Aumentar limite dos campos RPG
Hoje à(s) 21:00 por Cream

» Aumentar o avatar do fórum
Hoje à(s) 20:41 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
Shek
 
while
 
Holkis
 
Mr.Probz
 
lavinnia
 
Sennior
 
Harold C+
 
BichodoMato
 
JrMAFiA
 

Quem está conectado
95 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 88 Visitantes :: 3 Motores de busca

[SRD]JimClark, Connor R., Cream, JrMAFiA, luuuiiiz, Sckool, while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Qui 30 Abr 2015 - 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
Nível 6

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

Resolvido Re: Membro do Mês Personalizado

Mensagem por RafaelS. em Qui 30 Abr 2015 - 18:09

Olá amigo!

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



Até mais.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4872

http://maisforum.forumeiros.com

Resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck em Qui 30 Abr 2015 - 23:54

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

Zoldyck
Nível 6

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

Resolvido Re: Membro do Mês Personalizado

Mensagem por RafaelS. em Sex 1 Maio 2015 - 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.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4872

http://maisforum.forumeiros.com

Resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck em Sex 1 Maio 2015 - 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
Nível 6

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

Resolvido Re: Membro do Mês Personalizado

Mensagem por RafaelS. em Sex 1 Maio 2015 - 17:15

Olá!

Poderia deixar o código ativo por gentileza?

Até.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4872

http://maisforum.forumeiros.com

Resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck em Sex 1 Maio 2015 - 17:26

Pronto amigo.

Zoldyck
Nível 6

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

Resolvido Re: Membro do Mês Personalizado

Mensagem por RafaelS. em Sex 1 Maio 2015 - 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.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4872

http://maisforum.forumeiros.com

Resolvido Re: Membro do Mês Personalizado

Mensagem por Zoldyck em Sex 1 Maio 2015 - 17:34

Funcionou perfeitamente, obrigado.

Zoldyck
Nível 6

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

Resolvido Re: Membro do Mês Personalizado

Mensagem por Sennior em Sex 1 Maio 2015 - 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.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15957
Pontos Ativos : 22298

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5