Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Membro do Mês Personalizado
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Membro do Mês Personalizado
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- **
- Membro desde : 30/01/2015
Mensagens : 71
Pontos : 96
Re: Membro do Mês Personalizado
Quase isso amigo, no caso com o CSS que forneci acima ficaria da seguinte forma, veja.
Zoldyck- **
- Membro desde : 30/01/2015
Mensagens : 71
Pontos : 96
Re: Membro do Mês Personalizado
Olá amigo!
Adicione a sua folha de estilos (CSS):
Resulta?
Até mais.
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.
Re: Membro do Mês Personalizado
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.
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- **
- Membro desde : 30/01/2015
Mensagens : 71
Pontos : 96
Re: Membro do Mês Personalizado
Pronto amigo.
Zoldyck- **
- Membro desde : 30/01/2015
Mensagens : 71
Pontos : 96
Re: Membro do Mês Personalizado
Olá amigo!
Troque por este:
Até mais.
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.
Re: Membro do Mês Personalizado
Funcionou perfeitamente, obrigado.
Zoldyck- **
- Membro desde : 30/01/2015
Mensagens : 71
Pontos : 96
Re: Membro do Mês Personalizado
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Último membro, numero de tópicos e membros personalizado
» Mudo o nome do membro e apaga tudo que ele informou no perfil personalizado
» Seguir membro: Siga e conheça todo o conteúdo publicado de um membro específico
» Colocar no perfil do membro uma campo para "membro da semana"
» Membro acedeu a fórum e postou com login de outro membro
» Mudo o nome do membro e apaga tudo que ele informou no perfil personalizado
» Seguir membro: Siga e conheça todo o conteúdo publicado de um membro específico
» Colocar no perfil do membro uma campo para "membro da semana"
» Membro acedeu a fórum e postou com login de outro membro
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos