Personalizar ranks

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


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

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

Versão do fórum:
PUNBB

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>

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

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>')});

Salve!

Até mais,

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

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>')});

Ao achar va diminuindo.

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.

Eu estava a falar da cor do texto do rank!

Olá

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

Agora ficara a cor normal dos ranks.

Até mais.

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

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.

Obrigado!
Ajudou!

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!

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.

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

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>')});

Aqui ficou normal.

Até mais.

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