tutorial ~ elite de afiliados igual do kawaii world

Cole o código abaixo em um gadget de html/javascript e substitua o que desejar:

Roxinha / Lilás

 <style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados5{
background-color: #fbf6fc;
width: 23px;
height: 10px;
font-family: wish;
font-size: 8px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #cac2ce;
line-height: 13px;
border: 1px solid #e8ddee;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
</style>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>

Rosinha 

<style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados5{
background-color: #fff5f7;
width: 23px;
height: 10px;
font-family: wish;
font-size: 8px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #f8c0cd;
line-height: 13px;
border: 1px solid #fcd7e0;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
</style>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>

Azulzinho 

<style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados5{
background-color: #e9eef3;
width: 23px;
height: 10px;
font-family: wish;
font-size: 8px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #b2bfcb;
line-height: 13px;
border: 1px solid #dae0e6;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
</style>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>

Créditos