20.4.13

Tutorial - Autor com destaque

Konnichiwa <3 Como vão vocês neste sábado? Hoje passei grande parte de meu dia criando keyframes, editando coisas, etc. E eu estou muito confusa, tenho muitas coisas preparadas aqui, e entre elas não sei qual vai ser a ordem das postagens. Mas tudo bem, aos poucos eu vou empurrando mais coisas. Bom, o tutorial da postagem de hoje vai ser para alguns bastante inútil pelo tutorial super conhecido, mas há muitos dias atrás uma leitora me pediu este tutorial de como deixar essa faixinha no comentário de um autor e pediu também alguns destaques, esses ''destaques'' são aquelas coroas, corações ou até mesmo faixinhas para colocar que nem ao meu.

01. Pesquise por .comments .comments-content .icon.blog-author{

02. Agora você irá retirar toda a parte do blockquote abaixo.
.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==);
}
03. Agora substitua pelo código abaixo e edite.
.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
}

18 comentários

  1. Muito perfeito, usei também!
    Eu to bem apaixonada pelo seu blog, por acaso você já teve algum outro? Porque vc faz templates perfeitamente lindos e isso não é coisa de iniciante [ eu acho ~ ]
    http://modernium.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Concordo, deixa tudo muito lindo.
      Awh *OOO* Obrigada mesmo, HEUEH' E não, nunca tive nenhum outro blog, este foi o primeiro.

      Excluir
  2. Sério? Que show *-* Eu não sou boa em HTML como você consegue?

    ResponderExcluir
    Respostas
    1. *U* Sou o tipo de pessoa que acostuma bem fácil, e aprender um pouco sobre o HMTL daqui e fazer algumas coisas nunca foi para mim tão difícil :3

      Excluir
  3. Adorei p tutorial :3
    e amei o novo lay divo!
    você poderia postar no R.O amanhã? vou fazer uns exames e vou ficar off, e não quero vê-lo desatualizado :3

    ResponderExcluir
    Respostas
    1. Obrigadaa Sakune *U* ~
      Claro ! Já estou com algumas coisas preparadas e tempo livre...

      Excluir
  4. Que bonitinho que fica *-* Próximo lay vou colocar uma coroa nos meus comentários u.u chique não é? KKKKK'

    Gostei :3
    Kissu :*

    ResponderExcluir
    Respostas
    1. *UUU* Sim.
      HEUEH' Muito chique não é para qualquer um ter tanto luxo u.u

      Obrigada Sasaki ~

      Excluir
  5. Muuuuuuito útil
    fica bem fofo,Mack
    acho que vou usar *.*
    nunca me toquei de procurar esse tuto antes,só agora que me toco do quanto interessante ele é por que destaca os comentários do autor dos demais.
    Obrigado pela dica,sempre arrasando.
    beijos~~
    www.garotaousada.com

    ResponderExcluir
    Respostas
    1. *UUUUU* Thaanks Juucyy !
      Vejo que tem pessoas que ainda não conheciam, achava que nçao era tão útil assim ~ :3

      Excluir
  6. Adorei o tuto, o resultado fica lindo :3
    No seu ficou perfeito, tipo essa faixinha combinou *u*

    ResponderExcluir
  7. Liiindo! Queria ter feito nesse lay que estou usando, mas fiquei com preguiça... Huahsuhsua
    Beijos
    Purple Star

    ResponderExcluir
  8. Layout perfeito, postagem perfeita, tutorial perfeito, que blog perfeito *U*
    Amei simplesmente tudo, sério >3<
    Perfect Paradise, aguardo a sua visita :3

    ResponderExcluir

O blog não é mais atualizado com novas postagens. Mas fique à vontade para perguntar algo do seu interesse, seja relacionado às postagens ou dúvidas que lhe inquietam, estou algumas vezes entrando no blog e certamente verei se tiver comentários pendentes. Obrigada pela visita, leitor!