Personalizar ranks

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

Resolvido Personalizar ranks

Mensagem por dR.SIMPLY em 28/05/13, 10:06 am

Qual é minha questão:
Olá, gostaria de colocar meus ranks como os das imagens!
Aquela banda cinza e o novo do rank passando! Feliz
Obrigado de avanço Piscada


http://upit.cc/i/6aa3197b.png

Endereço do meu fórum:
http://sensitive-creations.forumbom.com

Versão do fórum:
PUNBB


Última edição por dR.SIMPLY em 28/05/13, 11:21 am, editado 1 vez(es)
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar ranks

Mensagem por MateusA em 28/05/13, 10:48 am

Olá! Aceda ao Rank que quer que fique assim e clique em modificar!

Código:
<div class="rank-tk"><marquee><strong>Admin</strong></marquee></div>

Seta Subistitua a palavra "Admin" pelo nome do seu rank"

Agora adicione na sua CSS:

Código:
.rank-tk {
background: #333333;
border: 1px solid #333333;
color: #FFF;
font-size: 20px;
margin-left: -15px;
margin-right: -15px;
text-align: center;
border-radius: 0px 0px 3px 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
text-shadow: none;
}

Seta Salve!

Agora crie um JavaScript com o investimento nós tópicos:

Código:
$(document).ready(function(){$('.rank-tk').attr('style','background: #333333;border: 1px solid #333333;color: #FFF;font-size: 20px;margin-left: -15px;margin-right: -15px;text-align: center;border-radius: 0px 0px 3px 3px;box-shadow: 0 1px 3px rgba(0,0,0,0.25);text-shadow: none;').before('<span style="float: left;border-radius: 3px 0px 0px 0px;margin-left: -15px;margin-top: -5px;background: #333333;border: 1px solid #333333;height: auto;width: auto;"></span><span style="float: right;border-radius: 0px 3px 0px 0px;margin-right: -15px;margin-top: -5px;background: #333333;border: 1px solid #333333;height: auto;width: auto;"></span>')});

Seta Salve!

Até mais, Piscada
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY em 28/05/13, 10:58 am

Funciona perfeitamente, mas eu gostaria de manter a cor do rank em vermelho e também gostaria de diminuir o tamanho da tira, que assim fica muito grande!...
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar ranks

Mensagem por MateusA em 28/05/13, 11:03 am

Olá! Para diminuir o tamanho da tira no codigo abaixo procure por height

Código:
        $(document).ready(function(){$('.rank-tk').attr('style','background: #333333;border: 1px solid #333333;color: #FFF;font-size: 20px;margin-left: -15px;margin-right: -15px;text-align: center;border-radius: 0px 0px 3px 3px;box-shadow: 0 1px 3px rgba(0,0,0,0.25);text-shadow: none;').before('<span style="float: left;border-radius: 3px 0px 0px 0px;margin-left: -15px;margin-top: -5px;background: #333333;border: 1px solid #333333;height: auto;width: auto;"></span><span style="float: right;border-radius: 0px 3px 0px 0px;margin-right: -15px;margin-top: -5px;background: #333333;border: 1px solid #333333;height: auto;width: auto;"></span>')});

Seta Ao achar va diminuindo.

Seta Para mudar a cor no codigo procure por

Código:
color: #FFF;

Ao achar delete.

Agora no CSS procure por

Código:
color: #FFF

Ao achar delete.


Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY em 28/05/13, 11:09 am

Eu estava a falar da cor do texto do rank!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar ranks

Mensagem por MateusA em 28/05/13, 11:11 am

Olá Piscada

Troque o Script por esse

Código:
        $(document).ready(function(){$('.rank-tk').attr('style','background: #333333;border: 1px solid #333333;font-size: 20px;margin-left: -15px;margin-right: -15px;text-align: center;border-radius: 0px 0px 3px 3px;box-shadow: 0 1px 3px rgba(0,0,0,0.25);text-shadow: none;').before('<span style="float: left;border-radius: 3px 0px 0px 0px;margin-left: -15px;margin-top: -5px;background: #333333;border: 1px solid #333333;height: auto;width: auto;"></span><span style="float: right;border-radius: 0px 3px 0px 0px;margin-right: -15px;margin-top: -5px;background: #333333;border: 1px solid #333333;height: auto;width: auto;"></span>')});

Troque o CSS por esse

Código:
        .rank-tk {
        background: #333333;
        border: 1px solid #333333;
        font-size: 20px;
        margin-left: -15px;
        margin-right: -15px;
        text-align: center;
        border-radius: 0px 0px 3px 3px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.25);
        text-shadow: none;
        }

Seta Agora ficara a cor normal dos ranks.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY em 28/05/13, 11:14 am

Sem alteração!
Eu queria tipo o rank de admin, com a cor vemelho, de acordo com os grupos!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar ranks

Mensagem por MateusA em 28/05/13, 11:15 am

Olá! Troque o Script por esse

Código:
$(document).ready(function(){$('.rank-tk').attr('style','background: #333333;border: 1px solid #333333;color: red;font-size: 20px;margin-left: -15px;margin-right: -15px;text-align: center;border-radius: 0px 0px 3px 3px;box-shadow: 0 1px 3px rgba(0,0,0,0.25);text-shadow: none;').before('<span style="float: left;border-radius: 3px 0px 0px 0px;margin-left: -15px;margin-top: -5px;background: #333333;border: 1px solid #333333;height: auto;width: auto;"></span><span style="float: right;border-radius: 0px 3px 0px 0px;margin-right: -15px;margin-top: -5px;background: #333333;border: 1px solid #333333;height: auto;width: auto;"></span>')});

Até mais. Piscada
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY em 28/05/13, 11:20 am

Obrigado!
Ajudou!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY em 28/05/13, 11:30 am

Afinal não ajudou nada!
Eu quero conforme todos os grupos, não quero que todos os membros fiquem com o titulo do rank vermelho!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar ranks

Mensagem por MateusA em 28/05/13, 11:48 am

Olá! Vamos la! Agora troque o codigo do rank por esse

Código:
<div class="rank-tk"><marquee><FONT COLOR="#fff">Admin</font></marquee></div>

Subistitua o nome do rank pelo nome do rank.
No codigo procure por #fff bote a cor do grupo.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY em 28/05/13, 12:25 pm

O Código é muito grande, e nao entra todo na caixa, o que deixa o codigo bugado
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar ranks

Mensagem por MateusA em 28/05/13, 12:52 pm

Olá!

Troque por esse

Código:
 <div class="tet"><marquee><FONT COLOR="#fff">Admin</font></marquee></div>

Troque o JavaScript por esse

Código:
        $(document).ready(function(){$('.tet').attr('style','background: #333333;border: 1px solid #333333;color: red;font-size: 20px;margin-left: -15px;margin-right: -15px;text-align: center;border-radius: 0px 0px 3px 3px;box-shadow: 0 1px 3px rgba(0,0,0,0.25);text-shadow: none;').before('<span style="float: left;border-radius: 3px 0px 0px 0px;margin-left: -15px;margin-top: -5px;background: #333333;border: 1px solid #333333;height: auto;width: auto;"></span><span style="float: right;border-radius: 0px 3px 0px 0px;margin-right: -15px;margin-top: -5px;background: #333333;border: 1px solid #333333;height: auto;width: auto;"></span>')});

Seta Aqui ficou normal.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY em 28/05/13, 01:49 pm

Não muda a cor dos ranks!...
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

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