The Moon Reverse ミ✩: Modelo para comentário (01)

28 de setembro de 2013

Modelo para comentário (01)

Annyeonghaseyo, lovers! ╰( ´◔ ω ◔ `)╯ Ando muito satisfeita com o blog, sabem? Estou gostando de escrever as postagens, é bem mais fácil ter tudo programado do que ter que adivinhar o que postar >3< Gente, eu percebi que o bug nos comentários ainda não saíram TuT Como isso é horrível, e a abestalhada aqui deixou-se levar pela preguiça e largou três postagens sem responder os comentários, mas tudo bem, já respondi todos eles e comecei a retribuir alguns! >v< Enfim gatinhos, me pediram na ask modelos para a área de comentário, então GENTE, não tem necessidade de pegar o meu q Espero que quem pediu, goste e aproveite bastante ^3^

01. Procure por /* Comments e substitua todo o código desse elemento por esse:
/* Comments h4
----------------------------------------------- */
#comments h4,
#comments .comment-author a,
#comments .comment-timestamp a {
color: transparent;
}
/* Comments
----------------------------------------------- */
@font-face {
font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf');
}
.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:18px;font-size:13px}
.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 10px 10px;
padding:0 8px;
color:#fff !important; /*--- cor da fonte do botão reply--- */
text-align:center;
text-decoration:none;
background: #cedded; /*--- cor de fundo do botão reply--- */
height:26px;
font-size:8px; /* Tamanho da fonte */
box-shadow: inset 0 0 5px #b3cfed, 0px 0px 2px #ededed;
font-family: "silkscreen"; 
line-height:28px;
font-weight:normal;
cursor:pointer;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {
text-decoration: none;
background: #ffbec9; /*--- cor de fundo do botão reply--- */
box-shadow: inset 0 0 5px #ffa2b2, 0px 0px 2px #ededed;
}
.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: -2PX;
RIGHT: 160PX;
MARGIN:0;
BACKGROUND-IMAGE: URL(http://i.imm.io/1h1fp.png);WIDTH:31PX;HEIGHT:30PX;
}
@font-face {
font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf');
}
.comments .comments-content .datetime a{
font-size:8px;font-family: "silkscreen";
text-decoration:none; color:#fff; text-shadow: 1px 1px 0px #ff99aa; float: right;/* -- cor do link da data do comentário -- */
}
.comment-content{margin:0 0 8px;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
margin-right:95px;
background:#fff; /* -- cor de fundo do comentário -- */
border:1px solid #f0f0f0; /* --- cor da borda do comentário ---*/
}
.comment-header{ /*--- linha onde fica o nome do autor do comentário --- */
background-color:#ffbec9; /*--- cor de fundo--- */
font-size:18px;
border-bottom:1px solid #ff99aa; /*--- cor da borda --- */
box-shadow: inset 0 0 8px #ffa3b3;
padding:7px;
text-transform: uppercase;
}
@font-face { font-family: "laugh"; src: url('http://static.tumblr.com/vhsz9rv/zrcmruahi/livelaughlove.ttf');}.comment-header a{
color: #fff; /*--- cor do link nome do autor do comentario --- */
font-family: 'Economica', sans-serif;
font-size: 22px; /* tamanho da fonte */
font-style: normal;
font-weight: 300;
text-shadow: 1px 1px 0px #ff99aa;
}
.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;
}
.avatar-image-container{
margin-left: 18px;
border-radius:4px;
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 #e7e7e7;
width:35px !important;
height:35px !important
;max-width:45px !important;
max-height:45px !important;
border-radius:4px;
-moz-transition: all  1s ease-out;
-webkit-transition: all  1s ease-out;
-o-transition: all  1s ease-out;
-ms-transition: all  1s ease-out;
transition: all  1s ease-out;
}
.comments .avatar-image-container img:hover{
opacity:0.7;
-moz-transition: all  1s ease-out;
-webkit-transition: all  1s ease-out;
-o-transition: all  1s ease-out;
-ms-transition: all  1s ease-out;
transition: all  1s ease-out;
}

textsms      42 comentários

  1. Muito fofinho, gostei bastante, até usaria *-*

    http://the-kawaiis.blogspot.com.br/

    ResponderExcluir
  2. Tudo bem se você quiser continuar com esse layout, tá lindão *-*
    Amei o modelo, estou usando no novo layout <3

    sweethtm-l

    ResponderExcluir
  3. Cara que lindo *----*, sério muito perfeito, eu vou usar.. estava mesmo procurando um modelo legal pra area dos comentários, lindo! parabéns

    kawaii-things.net

    ResponderExcluir
  4. Minhas provas ainda não acabaram. A ultima será na segunda.
    Amei o modelo, vou usar!

    Poderia ajudar na meta de 100 seguidores? Ajuda? Retribuo todos que seguirem >3<
    Diamond Glass

    ResponderExcluir
    Respostas
    1. Nhaw, a minha vai até sexta que vem...
      Obrigaada *-*

      Excluir
  5. Acho bom não trocar este layout tão cedo mesmo u-u Brincadeira, todos os seus me fazem babar :3

    OMG, que perfeição ç3ç Talvez use, não sei.. ~

    Um grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
  6. Que modelinho fofo *-* Eu faço os meus nas doidas mesmo, só troco as cores e pronto, de tanta preguiça IUSAIUHSAIUHHASIAUHS' Esse ficou perfeito ♥

    Kiss, Kawaii World!

    ResponderExcluir
  7. Ei sua danada, eu quero ver esse layout .qq, que modelo divo muié ♥

    Hey, A4Y

    ResponderExcluir
  8. Que modelo perfeito Mack, adorei!

    Beijos >3<

    s-kywings.blogspot.com.br

    ResponderExcluir
  9. Adorei o modelo, irei usar por que, nossa você sabe fazer as coisas *-*.
    Acabei de conhecer seu blog e já estou apaixonada por ele, seu design é tão agradável, troque não *-*

    Espero que tudo dê certo com suas provas.
    Beijos, System Crash

    ResponderExcluir
  10. Amei o modelo, divoso. segue de volta? kisses

    Candy | Collected flowers

    ResponderExcluir
  11. Eu adorei, eu fico dois anos só para fazer um, hauhashusashah
    Ficou lindo muito fofo
    http://colorfulunicornlu.blogspot.com.br/

    ResponderExcluir
  12. Adorei o modelo, muito cute T^T

    Beijos!
    http://criticas-on.blogspot.com.br/

    ResponderExcluir
  13. Modelo de comentários é uma coisa que poucas pessoas postam *-* Legal você postar um assim tão fofo u-u Já viu que eu aceitei você lá né? (claro, como não aceitar).

    Kissu :*

    ResponderExcluir
  14. Que lindo MACKKKKKKKKK <33333 scrr, eu vou usar ^^. Ah, você me salvou sério u3u tava visitando seu blog por a caso, daí vi esse post, aw, valeu, divina <3 *U* estou seguindo, se quiser me seguir (sem ser chat u3u) te espero lá! Beijos com caramelos morangos chocolates e guaraná :3

    Link do meu blog: http://cherrylandforever.blogspot.com.br/
    Link do meu outro blog (se quiser visitar): http://imaginefamosos-net.blogspot.com.br/

    ResponderExcluir
  15. Respostas
    1. Usa esse código aqui no lugar desse do post http://static.tumblr.com/74tqsur/jvTmu01k7/coment__rio1.txt

      Excluir
  16. Estou vomitando arco-iris mack *o*

    h-piece.blogspot.com.br

    ResponderExcluir
  17. Cara eu já tentei fazer um layout pelo photoshop, ele ficou lindo mas eu tenho mta preguiça de codificar ç3ç AEHUA tô ouca pra ver ele *u*
    Amei o estilo para comentários *^* é muito lindo, até usaria mas meu blog faz pouco tempo entom, ç3ç
    /the-snow-fairy

    ResponderExcluir
  18. Flor estou usando a a área dos comentários e ficou super lindo no meu layout.. Babando horrores pelo novo layout e como sempre este blog é muito divo, perfeito e sempre tem tudo o que procuro >.< Poderia ser afiliada do blog?? ~ Kissus

    Roh Chan Garota No Mundo Html

    ResponderExcluir
    Respostas
    1. Muuito obrigada Rooh <3
      Quero sim, já comentei em seu blog :D

      Excluir
    2. Que emoção, ainnn Meu Corassaum >.< Muito obrigada fiquei super feliz, tipo nunca tive o costume de comentar pois me achava a reles das reles perto dos seus posts, mas de hoje em diante estarei aqui te pentelhando UAHUAHUAHa, só Deus sabe o quanto eu admiro seu blog, sempre entrava aqui para dar uma babadinha ( Nem ligue ) Obrigada amore já está lá ;)

      Excluir
    3. Awwn >< Não se sinta assim moça o3o
      Muuitíssimo obrigada você por admirar tanto assim o Tmr, esse tipo de comentário me motiva bastante :DD

      Excluir
  19. Este comentário foi removido pelo autor.

    ResponderExcluir
  20. Dorei ~ Cara do meu blog *~* Super cutinho <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!

Este blog não é mais atualizado com novas postagens!
Ps.: Que saudade, cara... Alguém ainda vivo por aqui em 2020?