Personalizar ranks

2 participantes

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

Tópico resolvido Personalizar ranks

Mensagem por dR.SIMPLY 28.05.13 14:06

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

Personalizar ranks 6aa3197b
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 15:21, editado 1 vez(es)
dR.SIMPLY

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por MateusA 28.05.13 14:48

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
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY 28.05.13 14:58

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!...
dR.SIMPLY

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por MateusA 28.05.13 15:03

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

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY 28.05.13 15:09

Eu estava a falar da cor do texto do rank!
dR.SIMPLY

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por MateusA 28.05.13 15:11

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

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY 28.05.13 15:14

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

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por MateusA 28.05.13 15:15

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
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY 28.05.13 15:20

Obrigado!
Ajudou!
dR.SIMPLY

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY 28.05.13 15:30

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!
dR.SIMPLY

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por MateusA 28.05.13 15:48

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

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY 28.05.13 16:25

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

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por MateusA 28.05.13 16:52

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

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ranks

Mensagem por dR.SIMPLY 28.05.13 17:49

Não muda a cor dos ranks!...
dR.SIMPLY

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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