31.1.13

Imagem nos Comentários do Autor

Tumblr_lq38m2938y1qjfswho1_500_large_large
Aí meu Deus, eu quero tudo *--*
Yoo Amoras...
~Boa tarde
Tudo bem??
Hoje eu trouxe um tuto que eu acho muito útil, que é "imagem nos comentários do autor" ele serve para destacar o comentário do autor da postagem! O resultado será parecido com este:
Viram que tem um lapizinho ao lado do meu nome?!

Vamos aprender a fazer?? Mini Gifs

Bem, antes de tudo, créditos pelo tutorial e pelas imagens ao Kawaii World!
Agora vamos ao tuto!
Vá em "Modelo" >> Editar HTML >> Aperte Ctrl F ou F3 e procure por:

                          .comments .comments-content .icon.blog-author
 Logo abaixo desta tag você vai ter um código enorme, apague tudo! Veja mais ou menos o código que você terá de apagar:
.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==);
}

 Como eu disse, apague tudo que está acima. Substitua pelo seguinte código:
.comments .comments-content .icon.blog-author{
position:absolute;
top: -2px;
right: 160px;
margin:0;
background-image: url(LINK DA SUA IMAGEM);width:32px;height:36px
}
Agora troque a parte "LINK DA SUA IMAGEM" pelo link da imagem que você deseja
Bem pessoal, eu também trouxe para vocês algumas imagens para vocês usarem para destacar o comentário do autor:





Bem pessoal é isso! Espero que vocês tenham gostado!!
Kissus~

2 comentários: