• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

27 de janeiro de 2015

Estilo de Comentário #SC

- Sério que a Nike irá lançar um tênis que se amarra sozinho, pois no filme 'De volta para o futuro' 2015 é o futuro e lá tem um tênis assim? Nofa, amei!
Olá Chocoleitores!!!
Estou ótima e vocês? Bem, até ontem eu estava problemática com o bom humor, mas hoje estou bem, não só pelos comentários divos em meu livro Diesel, mas também porque acabei de saber do novo EP Hymn'D que minha banda favorita irá lançar! - Hahahahá mas eu tô rindo atoa [essa música é uma bosta eu sei] - e o mais maneiro é que ontem eu sonhei com com eles (no sonho eu tinha de salvar um deles do terrorismo. Super heroína babyer) AHUAUAHAU' 8)

Ah, alguém aí conhece a modelo diva da Kristina Pimenova? Virei fã! Ela só tem dez anos e é divônica. E mais uma coisa, entreguei o layout que o blog A.O {♥} me pediu, e fiquei feliz por ela ter gostado. Queria avisar que os pedidos de layouts estão trancados por e quanto.

Agora, largando dificilmente o assunto sobre o novo EP de minha banda favorita - surta novamente - vamos falar sobre o post de hoje. Trouxe um modelo de comentário muito divo, já que aqui no blog não temos muitos tutoriais sobre isso. Acho que é uma parte fundamental do layout, já que é a parte que os leitores mais visitam. E admito que tenho uma baita preguiça de personalizar os comentários, então trouxe um modelo super simples de modificar e lindo. Créditos ao SC {} por desenvolver essa lindeza. ~ Preview

Cole o código básico acima de ]]></b:skin>

/* Comments por Sweet of Cherry
----------------------------------------------- */
.comments{ /* Texto do comentario */
margin-bottom:0;
clear:both;margin-top:10px;
line-height:18px;
font-size:11px; font-family: Verdana;
color: #bcb0a8;}
.comments .comments-content{
margin-bottom:16px;
font-weight:normal;
text-align:left}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 0 5px 3px;
padding:0 2px;
color: #fff;
background: #ffffff;
text-shadow: 1px 1px 0px #000000;
box-shadow: 2px 2px 0px #ebeac4;
text-align:center;
text-decoration:none;
border-radius:2px;
color: #ffffff;
background: #ffcbd2;
text-shadow: 1px 1px 0px #ff98a6;
box-shadow: inset 0px 0px 5px #ffb2bc;
height:18px;
line-height:18px;
font-weight:normal;
font-family: pf arma five;
font-size: 8px;
-webkit-transition-duration: .30s;text-decoration:none;
}
#comments h4, /* Letra do XX comentários */
#comments .comment-author a,
#comments .comment-timestamp a {
text-align: center;
font-family: pf arma five;
font-weight: normal;
font-size: 8px;
color: #696969;
}
.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:40px;}
.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 .icon.blog-author{
position:absolute;
top: 8px;
right: 30px;
margin:0;
background-image: url('http://i.imgur.com/7T9WyaT.gif');
width:7px;height:6px
}
.comments .comments-content .datetime a{
font-size:0px;
text-decoration:none; color: tranparent;
}
.comment-content{margin:0 0 8px;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
position:relative;
background:#F5F5F5;
border:1px solid #DCDCDC;
border-radius:1px;
}
.comment-header { /* Area onde fica o nome do autor */
padding: 4px;
font-size:14px;
font-style: normal;
font-weight: normal;
color: #a3c5d8;
font-family:Verdana;
text-transform:uppercase;
background: #c7e3e7;
border: 1px solid #8ec9d2;
}
.comment-header a{
color: #fff;
}

.avatar-image-container{ /* avatar do comentario */
float:right;
vertical-align:middle;
overflow:hidden;
width:65px !important;
height:51px !important;
max-width:65px !important;
max-height:51px !important}
.comments .avatar-image-container img{
padding0px;
width:45px !important;
height:45px !important;
;max-width:45px !important;
max-height:45px !important;
border-radius: 0px;
-webkit-transition-duration: .50s;
-webkit-animation-name: flipInX;
border: 1px solid #ffbec4 ;
}
.comments .avatar-image-container img:hover{
border-radius: 0px;
-webkit-animation-name: flipInX;
-webkit-animation-duration: .90s;
border-radius: 7px;
border:3px solid #c7e3e7;
}
Salve e modifique como quiser.
Muito obrigada pelos 1706 seguidores!
UntitledUntitledUntitled


39 comentários:

  1. Lindo , amei , parabens ...
    ~ Faith And Hope ~

    ResponderExcluir
  2. O modelo é lindo demais! Criar modelo para comentário é um saco, base pronta sempre ajuda <3 "sim burra burra burra" ksdjsad
    Um beijo, Lu do Daisies.

    ResponderExcluir
  3. :3 o modelo é lindo :3 e você merece 1760 seguidores :3

    ResponderExcluir
  4. :3 o modelo é lindo :3 e você merece 1760 seguidores :3

    ResponderExcluir
  5. Amei o modelinho *O* Ficou lindo!

    ~September Rains

    ResponderExcluir
  6. Este comentário foi removido pelo autor.

    ResponderExcluir
  7. Lindo *o* e vc merece os 1709 seguidores <3 bjx
    www.candybomb.blogspot.com

    ResponderExcluir
  8. Lindo demaaais!
    Parabééns pelo 1709 seguidoorees!

    Beijão da Lari <3
    Brilliant Diamond | Fan Page | Participe das promoçes de livros:aqui e aqui

    ResponderExcluir
  9. http://daravitorino.blogspot.com.br citei seu blog no meu post 7 Coisas , coloque a TAG tbm no seu blog , vc foi tagueada por mim

    ResponderExcluir
  10. Caraaa,você com baixo humor? :( n pode se

    ei,você sabe fazer layout? eu contei com um cara mas ele até hoje não me respondeu,tô precisando de um pro Tutoriais World por preguiça de fazer e por eu achar os layouts de outras pessoas bem mais maravelhosos!
    Ameiii o estilo <3

    http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
  11. Este comentário foi removido por um administrador do blog.

    ResponderExcluir
  12. Sério que eu não vou mais precisar abaixar pra amarrar o cadarço? #Pirando aushaush
    Mas que fofo esse modelo! Por enquanto eu estou satisfeita com o meu, mas se eu precisar, usarei este.

    Beijão <3

    ResponderExcluir
  13. Quer ser minha afiliada? <3

    http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
  14. Adorei o tutorial, bem legal mesmo ! Não conheço a tal da Kristina Pimenov, mas vou pesquisar e ver se gosto tanto quanto você gostou haha , beijos no core :)

    simplesgarota.com

    ResponderExcluir
  15. Que modelo de comentário lindo! Talvez no meu próximo layout eu use!

    Eu indiquei vocês uma tag, poderiam ver lá? http://creativep4nda.blogspot.com.br/2015/02/tag-liebster-award.html

    Abraço!

    ResponderExcluir
  16. comentar aqui para completar 40 comentário, pois estou com nervoso :)

    ResponderExcluir