Pedido: personalizar a área dos comentários (igual á minha)

Oiee amoras~
Como estão? estou muito bem obrigada :3, e aqui onde eu moro está chovendo (de novo.) e eu tive que ir na aula mesmo assim mano, isso irrita muito mesmo! quando está chovendo você deve está em casa dormindo! ~pareyy no post anterior uma leitora comentou ali no post e ela fez um pedido e aqui está o pedido .
Blog dela: www
Primeiro para aplicar esse efeito pesquise por: /* Comments e apague o código até a chave } e cole esse código abaixo:
/* Comments
----------------------------------------------- */
.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:20px;font-size:11px;}
.comments .comments-content{margin-bottom:25px;font-weight:normal;text-align:left;
font-color: #ffccff;}
.comments .comments-content .icon.blog-author{position:absolute;top: 2px;right: 90px;margin:0;background-image: url(.);width:15px;height:18px}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 0 5px 10px;
padding:0 5px;
color:#ffffff!important; /*--- cor da fonte do botão reply--- */
text-align: center;
text-decoration:none;
background: #ffb4c4;  /*--- cor de fundo do botão reply--- */
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #ffb4c4), color-stop(1, #ffb4c4) ); /*--- cor de fundo gradiente--- */
background: -moz-linear-gradient( center top, #ffb4c4 20%, #ffb4c4 100% );/*--- cor de fundo gradiente--- */
border-radius:3px;
-moz-border-radius:3px;
height:25px;
line-height:26px;
font-weight:normal;
cursor:pointer;
}
.comments .comments-content .comment-thread ol{
list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:50px;}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative;
}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{font-weight:normal;text-decoration:none;}
.comments .comments-content .datetime a{
font-size:11px;
float: right;
text-decoration:none; color:#ffb4c4; /* -- cor do link da data do comentário -- */
}
.comment-content{margin:0 0 8px;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
position:relative;
background:#fff; /* -- cor de fundo do comentário -- */
border:1px solid #ffb4c4; /* --- cor da borda do comentário ---*/
border-radius:5px;
-moz-border-radius:5px;
}
.comment-header{ /*--- linha onde fica o nome do autor do comentário --- */
background-color:#fff;   /*--- cor de fundo--- */
font-size:15px;
border-top:5px solid #ffb4c4;  /*--- cor da borda --- */
padding:5px;
}
.comment-header a{
color: #ffb4c4; /*--- cor do link nome do autor do comentario --- */
}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{
display:inline-block;
height:6px;
width:7px;
overflow:visible;
margin:0.3em;
padding-right:4px;
}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.avatar-image-container{
float:left
vertical-align:middle;
overflow:hidden;
width:65px !important;
height:51px !important;
max-width:65px !important;
max-height:51px !important}
.comments .avatar-image-container img{
padding:2px;
border:1px solid #ffb4c4;
width:45px !important;
height:45px !important
;max-width:45px !important;
max-height:45px !important;
}


Mude apenas as partes que estão em negrito e se, tiver tudo certinho salve então esse, foi o post um queijo e um beijo.

8 comentários:

  1. awn, que tuto muy fofo ◕‿◕ vou usa-lo no meu blog em breve <3 e aproposito isso me ajudou mt, eu agradeço (msm que não tenha sido eu a pedir) e poderia explicar como coloca esse "leia mais" como o seu? achei muito kawaii (se puder, claro)
    bjs
    Extraterrestres no Mundo da Lua

    ResponderExcluir
    Respostas
    1. Olá :3
      Muito obrigada :3 tudo bem, talvez algum dia eu possa fazer esse tuto kissus amora!

      Excluir
  2. Olá Yuki! Eu estou bem, obrigada ♥ e odeio ir pra escola em dia de chuva também :cc
    Sou a sua nova leitora!!
    Esse modelo é muito lindo né? Gostei muito!

    Beijos,
    http://designer-lovers.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oiie :3
      É muito chato mesmo né :cc bem-vindo ao meu blog \o/ espero que goste do meu blog kissus amora!

      Excluir
  3. E ai jovem, eu estou bem. Um ótimo tutorial! O modelo é muito fofo.

    Equalizando - [visite, baby]

    ResponderExcluir
  4. Turn down furn what?Eu apareci no seu blog??(de novo Turn Down Furn What?!)Ai,que saco ir pra escola enquato voce poderia dormir até 15 da trade ;/.Eu nunca fiz isso chuchu.
    Aiin eu não to acreditando!
    Vc desponibilizou o tuto!!!!
    Thank!!!

    ResponderExcluir
  5. Por aqui está o maior calor, poxa, deu invejinha!
    Adorei o tutorial, fica uma fofura! ^3^
    { http://prettychibi.blogspot.com.br/ }

    ResponderExcluir

✔Podem comentar oque quiser os comentários não são moderados.
✖ Não pegar nada daqui sem botar os créditos
✔Críticas construtivas são sempre bem-vindas.
✖ Não xingar a dona do blog e os leitores que vão comentar.
✔Podem dar sugestões de posts mas isso é só na nossa ask!
✔Os comentários são sempre respondidos
✔Aceito afiliações clique nesse link aqui para pedir para ser afiliado

Alguns kaomojis e enfeites para seus comentários:♥ ♡ ♩♫♭♪♬ (∩˃o˂∩) (≧∇≦) ~ヾ(^∇^) (ノಠ益ಠ)ノ彡┻━┻ ┬──┬ ノ( ゜-゜ノ) ಠ_ಠ ( ̄。 ̄)~zzz ʘ‿ʘ ಥ⌣ಥ (づ。◕‿‿◕。)づ ヽ(゜∇゜)ノ∑(゜Д゜;) (´・ω・`)( ;´Д`)┐(‘~`;)┌ ( ゚д゚) ☜(⌒▽⌒)☞ (ノ◕ヮ◕)ノ*:・゚✧ ( ・_・)ノ⌒●~* ヽ(*´∀`)人(´∀`*)ノ (`・ω・´)9 (;一_一) ( ̄▽ ̄) ( ͡° ͜ʖ ͡°) (◡﹏◡✿) (⊙﹏⊙✿) (◕﹏◕✿) (◕‿◕✿) (◕︿◕✿) (◡‿◡✿) (⊙‿⊙✿) (⊙︿⊙✿) (⊙△⊙✿) (◡△◡✿) (◕△◕✿) (◠△◠✿) (◕ω◕✿) (⊙ω⊙✿) (◡ω◡✿) (◠ω◠✿) (◠︿◠✿) (◠﹏◠✿) (◠‿◠✿) ★~(◡‿◡✿) ★~(◠‿◕✿) (◡△◡✿) (ノ◕ヮ◕)ノ (ノ◕ω◕)ノ ヽ(゜∇゜)ノ (´・ω・`) ∩(︶▽︶)∩ ( ´ ▽ ` )ノ (・∀・ ) ( ̄(エ) ̄) (✪㉨✪)(╹ェ╹)╮(─▽─)╭ (•⊙ω⊙•) ( ´∀`)☆ (≧ω≦) ( ^▽^ ) (✿◠‿◠) (◡‿◡✿) (◕‿◕✿) (≧◡≦) (¬_¬) (◑‿◐) ✖‿✖ (╥_╥) (╯3╰) (¬‿¬)
(∪ ◡ ∪) (≧ω≦) o(≧o≦)o (─‿‿─) (︶︹︺) (∩︵∩) (。◕‿◕。) (~ ̄▽ ̄)~ (︶ω︶)