5. Big Post - Tutorial + Ilustrações + Avatares

Eu baixei umas 60 músicas e só tô escutando 93 Million Miles... Sou doida. E estou pela quadragésima quinta vez o livro Despertar dos Vampiros 3 - México. Eu simplesmente viciei na série. É super loca. E juntamente lendo esse livro estou lendo Harry Potter e o Cálice de Fogo pela milionésima vez. Também sou viciada em Harry Potter.
Bom, hoje eu trouxe um big post com 8 ilustrações para posts do Tokyo Mew Mew de 2 tipos, 4 ilustrações cada, um tutorial e 4 avatares do Kisshu (no gibi é Quiche), que é tipo o vilão do Tokyo Mew Mew, só que ele é apaixonado pela mocinha, que é a Ichigo. Vamu nóis?
Bom vamos primeiro as ilustrações. No primeiro tipo, eu usei uma action que tira as cores da imagem que eu acho que fica super fofo e a bordinha pressionada. No segundo tipo eu usei uma textura e uma borda lilás. Ficou bem simples, mas muito fofo.

 Ficaram lindas, fala sério :) Agora, os avatares. Usei um PSD azul pra não ficar só a foto. Estão no tamanho 240x240:

Agora, o tutorial. Bom, não sei se perceberam, mas nos meus comentários aparece uma imagem escrito "Autora". Vou explicar como fazer isso. Créditos ao If I Ruled The World pelo tuto e ao Garotas Cupcakes pelas imagens que estão lá no final. Let's Go!

1. Bom, primeiro procure no seu HTML por .comments .comments-content .icon.blog-author { . Vai aparecer esse código aqui:

.comments .comments-content .icon.blog-author { background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

2. Substitua todo esse código por esse:

.comments .comments-content .icon.blog-author{
position:absolute;
top: -2px;
right: 160px;
margin:0;
background-image: url(LINK DA SUA IMAGEM);width:63px;height:39px
}

Onde está em itálico você vai colocar a URL da sua imagem. Aqui vão algumas do GC:

 

E é esse o tuto. Bem fácil, não? Se vocês quiserem mais, só avisar!

Espero que tenham gostado do nosso big post!

Bjos!