Assinatura em barra

[WitchBoo]

   

Hoje, estarei ensinando como faz aquela "Assinatura com "barras" ".

Para você que não sabe o que é do que eu estou falando segue uma print a baixo:

Spoiler

 

Para você fazer isso vá nas Configurações da sua Conta > Assinatura

Na hora de fazer a assinatura clique em "Código-Fonte"

Agora, vamos ao código e explicações

(Para você obter uma color em HTML use este site: https://htmlcolorcodes.com/

 

Spoiler

<p style="text-align:center;">
	<span style="color:#ff8c00;"><span style="font-size:24px;">Java</span> </span>
</p>

<div style="height:25px;border:1px solid #DDDDDD;margin:2px;">
	<strong style="line-height:125%;color:#fff;font-size:19px;padding-right:5px;float:right;">90%</strong>

	<div style="width:90%;height:21px;margin:1px;border:1px solid;background:#ff8c00;">
		&nbsp;
	</div>
</div>

 

 

Ok, agora vamos saber como usaremos (o que é o que)

<p style="text-align:center;">                                                  //Aqui em "Java" será o texto que você irá digitar
    <span style="color:#ff8c00;"><span style="font-size:24px;">Java</span> </span>
</p>        //Aqui em "color" será a cor do seu texto acima

<div style="height:25px;border:1px solid #DDDDDD;margin:2px;">                                      //Aqui será a %
    <strong style="line-height:125%;color:#fff;font-size:19px;padding-right:5px;float:right;">90%</strong>

             //Aqui em "width" você poem o mesmo % da % acima     //aqui em background você deve por a mesma color que o seu texto digitado

    <div style="width:90%;height:21px;margin:1px;border:1px solid;background:#FFA500;">
        &nbsp;
    </div>
</div>