Assinaturas do fórum utilizando faixas de Jiu-Jitsu

[FefoBubble 0]

Boa tarde pessoal,

Ali no tópico de notícias gerais de Jiu-Jitsu por uma brincadeira que fizemos com as assinaturas, colocando nossas faixas no Jiu-Jitsu, acabei fazendo uma forma diferente de assinatura, que não necessita de caracteres para "desenhar" a faixa, assim como mostrar os graus.

O usuário malicia gostou da idéia e sugeriu a criação de um tópico com todos os graus para que se alguém se interessar, use sua faixa e respectivos graus na assinatura.

Estou postando as faixas brancas com todos graus, e para colorir as mesmas, basta substituir a primeira e a última incidência de #fff pela cor correspondente, ou me mandar uma msg pedindo, pois é algo que não me dá trabalho nenhum.

Lisa:

<div style='display:inline-block;width:100%;'><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:70px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

1 grau:

<div style='display:inline-block;width:100%;'><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:65px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

2 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:55px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

3 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:45px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

4 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:35px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

Sugestões são bem vindas !!!

Abraço pessoal.

Editado December 27, 2012 por FefoBubble

[malicia 0]

Boa!!!

Basicamente para colocar a faixa na sua assinatura, você precisa copiar o codigo inteiro desde o < div style .... até o < /div >.

Salva e já era.

FAIXA BRANCA

Lisa:

<div style='display:inline-block;width:100%;'><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:70px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

1 grau:

<div style='display:inline-block;width:100%;'><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:65px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

2 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:55px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

3 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:45px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

4 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:35px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

FAIXA AZUL

Lisa

<div style='display:inline-block;width:100%;'><div style='background-color: #0000FF; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:70px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #0000FF; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

1 grau

<div style='display:inline-block;width:100%;'><div style='background-color: #0000FF; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:65px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #0000FF; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

2 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #0000FF; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:55px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #0000FF; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

3 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #0000FF; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:45px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #0000FF; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

4 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #0000FF; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:35px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #0000FF; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

FAIXA ROXA :

Lisa:

<div style='display:inline-block;width:100%;'><div style='background-color: #800080; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:70px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #800080; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

1 grau:

<div style='display:inline-block;width:100%;'><div style='background-color: #800080; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:65px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #800080; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

2 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #800080; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:55px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #800080; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

3 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #800080; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:45px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #800080; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

4 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #800080; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:35px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #800080; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

FAIXA MARROM:

Lisa:

<div style='display:inline-block;width:100%;'><div style='background-color: #800000; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:70px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #800000; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

1 grau:

<div style='display:inline-block;width:100%;'><div style='background-color: #800000; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:65px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #800000; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

2 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #800000; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:55px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #800000; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

3 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #800000; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:45px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #800000; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

4 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #800000; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:35px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #800000; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

FAIXA PRETA:

Lisa:

<div style='display:inline-block;width:100%;'><div style='background-color: #000000; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #FF0000; border-style:solid;border-color:#000;border-width:1px;width:70px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #000000; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

1 grau:

<div style='display:inline-block;width:100%;'><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #FF0000; border-style:solid;border-color:#FF0000;border-width:1px;width:65px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#FF0000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #FF0000; border-style:solid;border-color:#FF0000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

2 graus:

<div style='display:inline-block;width:100%;'><div style='background-color: #000000; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #FF0000; border-style:solid;border-color:#FF0000;border-width:1px;width:55px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#FF0000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #FF0000; border-style:solid;border-color:#FF0000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #fff; border-style:solid;border-color:#FF0000;border-width:1px;width:5px;height:15px;float:left;'></div><div style='background-color: #FF0000; border-style:solid;border-color:#FF0000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: #000000; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

Editado December 27, 2012 por malicia

[cão sadan 0]

Tentei,, mas não deu certo,, ficou preta inteira,, se puder ajudar,, agradeço!!

[F.Nietzsche 0]

Ceis vão ficar bravo comigo se eu falar que n entendi p**** nenhuma de como colocar essa faixa na assinatura??

[Tony Ferraz 0]

A minha funfou.

[Gustavowww 0]

A minha funcionou.

[malicia 0]

to fazendo de todas... dps atualizo lá no meu post

Tony qual cor de marron vc pegou?

Editado December 27, 2012 por malicia

[Tony Ferraz 0]

to fazendo de todas... dps atualizo lá no meu post

Tony qual cor de marron vc pegou?

E a minha exclusividade, fica onde?? :D

[malicia 0]

E a minha exclusividade, fica onde?? :D

não adianta se apegar pq com o tempo vai desbotando :D

[Tony Ferraz 0]

não adianta se apegar pq com o tempo vai desbotando :D

:D Eu usei 330000, mas acho q fica mais fácil pros caras q não sabem html escrever o nome das cores, tipo "blue", "brown", "white" etc...

Ficaria assim

<div style='display:inline-block;width:100%;'><div style='background-color: white; border-style:solid;border-color:#000;border-width:1px;width:300px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:70px;height:15px;float:left;'></div><div style='background-color: #000; border-style:solid;border-color:#000;border-width:1px;width:10px;height:15px;float:left;'></div><div style='background-color: white; border-style:solid;border-color:#000;border-width:1px;width:50px;height:15px;float:left;'></div></div>

Aí vc substitui "white" pelo nome da sua cor em inglês.

Editado December 27, 2012 por Tony Ferraz

[malicia 0]

coloquei os codigos de todas as faixas inteiros no meu post inicial, acho que agora fica mais facil pra todo mundo....

vlw

Editado December 27, 2012 por malicia

[zimma 0]

feito!! maneira a ideia, vlw!!!

[Malacarne 0]

A minha funfou.

Faixa da WAR é mais escura .... :lol:

[Malacarne 0]

Ceis vão ficar bravo comigo se eu falar que n entendi p**** nenhuma de como colocar essa faixa na assinatura??

Brow, copia o cod que os mininu colocaram ali em cima debaixo da sua assinatura que aparece pra vc a sua black belt.

[Tony Ferraz 0]

Faixa da WAR é mais escura .... :lol:

Exatamente nisso q eu pensei... hahahahah