Tutorial | Elite de Afiliados "quadradinha"


Hey, hey, hey!
Peço desculpas pelo sumiço aí, fiquei um momento off da blogosfera para me organizar e isso fez com que eu tivesse várias ideias boas para postagens!
Como o fluxo de tutoriais não está tão grande ultimamente, porque não postar um? Dessa vez trago um modelo bem legal e discreto para elite de afiliados, bora aprender?

Preview: (estas não são as cores do código)
Print tirado blog blog: ♥♥♥.

Abra um gadget HTML/JavaScript e cole o código:

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

Caso não queira as cores presentes no código, é só mudar de acordo com o seu gosto ;).
Créditos: Kawaii World - Candy Cherry.

Então foi isso, deixei aí nos comentários se você gostou, já viu ou usa este estilo de afiliados!
Beijos e até mais!

5 comentários:

  1. Oiiiiieeee Túlio!
    Eu particurlamente amei essa elite, que linda *u* Tambem estou numa sumida basica nos blogs! Irei pensar em usar no proximo lay do SC!
    Essas assinaturas novas <3 Pena que não tenho :(
    Beijos <3

    ResponderExcluir
    Respostas
    1. Olá, Isy!
      É mesmo :3 Haha, isso está acontecendo muito porque é época de provas ;3;
      Vai ficar lindo *u* Maravilhosas, né?
      Às vezes, a Ráh esqueceu de colocar a sua no rascunho, por enquanto use a antiga :).
      Beijos ♥

      Excluir
  2. Eu adoro esse tutorial,acho muito linda essa elite<3
    Beijos
    http://spookywookie.blogspot.com.br/

    ResponderExcluir
  3. Vc não tem noção da ajuda que esse tutorial me proporcionou. Estava procurando afiliados assim para usar no layout que estou fazendo.
    Creditei. Bjs

    ResponderExcluir