Modelo para Área de Comentários

|| ||

 Vampirinhos! Pessoal, estou super empolgada com essa Copa kjshkajshkjsh, sério, antes dela começar eu falei pra todo mundo que não queria saber de jeito nenhum de Copa do Mundo e que era uma babaquice, agora não consigo tirar os olhos da televisão e não perco nenhum jogo hashahsahs. Muito ansiosa para o jogo de Portugal! ♥
  Alguém me pediu um tutorial do modelo de comentários que uso aqui no blog, me esqueci quem foi que pediu, se foi você, apareça para eu colocar aqui e divulgar o seu blog hehe u.u Bom, aqui está a preview do nosso modelinho de comentários que peguei do divo e perfeito do blog Having Cherry, é sempre útil. Vamos ao tutorial! ♥

Cole este código logo abaixo de /* Comments e toda aquela linha tracejada:
.comments{ /* Conteúdo que vem acima do h4, fonte do texto dos comentários */
clear:both;
background-color: none;
margin-top: -5px;
margin-bottom:0;
line-height:18px;
font-size: 11px;
}
.comments .comments-content{ /* Fundo da área de comentários (Corpo) */
margin-bottom: 6px;
font-weight:normal;
text-align: justify; /* Alinhagem do texto */
background: transparent; /* Deixe assim se não quiser um fundo */
}
.comments .comment .comment-actions a,.comments .comment .continue a{
border: dashed 1px #e3e3e3;;
background: #f3f3f3;
padding: 4px; /* Acolchoamento de cima */
height: 8px;
line-height: 8px;
font-family: "Wendy";
font-size: 10px;
border-radius: 2px;
margin-bottom: 3px; /* Espaçamento externo de baixo */
margin-left: 2px; /* Espaçamento externo da esquerda */
margin-right: 2px; /* Espaçamento externo da direita */
display:inline-block; /* Para que fique em caixas */
text-align:center;
text-decoration:none;
font-weight: normal;
cursor: pointer;
color: #dfdede;
text-shadow: 1px 1px 0px #fff;
}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover { /* Botão hover */
text-decoration: none;
box-shadow: inset 0 7px 0 #eeeded;
}
.comments .comments-content .datetime a{ /* Data dos comentários */
font-size: 11px;
text-decoration:none;
color: transparent;
text-shadow: none;
text-align: right; /* Alinhamento do texto */
float: right;
}
.comment-content{ /* Código "de dentro" do bloco de comentários */
margin: 4px;
padding: 0 4px;
}
@font-face {font-family: "Yanone Kaffeesatz"; src: url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v5/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff');}
.comment-header{ /* Linha do nome do autor (Fundo) */
background-color: #f3f3f3; /* Cor de fundo */
height: 17px;
border-bottom:1px dashed #e3e3e3;  /* Cor da borda */
padding:5px;
}
.comment-header a{ /* Nome do autor do comentario (Fontes e cor) */
color: #fff; /* Cor do link */
text-shadow: 1px 1px 0px #e3e3e3;
text-transform: uppercase;
font-size:18px;
padding-top: 8px;
font-family:'Yanone Kaffeesatz', sans-serif;
}
.comments .thread-toggle .thread-arrow{
display:inline-block;
height:6px;
width:7px;
overflow:visible;
margin:0.3em;
padding-right:4px;
}
.comments .comment-block{
margin-left: 46px; /* Espaço entre o avatar e o corpo do comentário*/
margin-top: 2px; /* Espaço de cima */
background: #fbfbfb; /* Fundo do bloco de comentários */
border: 1px solid #e3e3e3; /* Borda que fica em torno de todo o bloco */
}
.avatar-image-container{ /* Foto do "comentarista" (Tamanhos) */
width:50px !important; /* Mude a largura se preferir */
height:50px !important; /* Mude a altura se preferir */
max-width:58px !important; /* Nâo será necessário mexer */
max-height:58px !important; /* Nâo será necessário mexer */
}
.comments .avatar-image-container img{ /* Foto do "comentarista" (Personalizar) */
padding:1px;
margin-top: 3px;
margin-left: 2px;
border:1px solid #dbdbdb;
outline: dashed 1px #dbdbdb;
outline-offset: 1px;
background: #fff;
-moz-opacity: 0.73;
-khtml-opacity: 0.73;
opacity: 0.73;
filter:alpha(opacity=73); /* Se preferir retire */
-webkit-transition-duration: .10s;
}
.comments .avatar-image-container img:hover{ /* Personalizar hover */
-moz-opacity: 0.98;
-khtml-opacity: 0.98;
opacity: 0.98;
filter:alpha(opacity=98); /* Se preferir retire */
-webkit-transition-duration: .50s;
}
/* Não apague essa parte, deixe-a sem mexer */
.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;
}
Prontinho, se quiserem alterar alguma coisa podem ficar a vontade mas, na minha opinião, é melhor deixar assim mesmo porque combina com todo o tipo de layout pois ele é neutro. O que eu queria mandar para vocês era só isso mesmo. Tchau tchau minhas gorduras trans HAUSHASUHASUH que elogio o meu ein, amo vocês. Beijos. ♥

24 comentários:

  1. Own que bonitinho *u* As vezes eu procuro um modelinho assim para usar e não encontro. :c Já favoritei a pagina e usarei posteriormente!
    bjs ~~

    laserquestt.blogspot.com

    ResponderExcluir
    Respostas
    1. Awn, né é um amorzinho. É bem difícil achar um desses mesmo hasuhasuh.
      Muito obrigada mesmo! *3*

      Excluir
  2. Olá! Também estou nessa de me contradizer com a Copa... Eu tinha dito que não ligava e que nem ia torcer para o Brasil, mas mudei meus conceitos completamente!

    Esse modelo é um doce, é o que eu uso no EK. "Mack, volte logo!" :c Gordura trans >.< AHSUUHSA

    Kussus ~♥ || Empire Kawaii ~ Quinze Outonos

    ResponderExcluir
    Respostas
    1. kkkkkkkkkkk Essa Copa contagia até quem não quer :v

      Ele é uma fofura sim :3 Awwwn, meu elogio ♥ kjhaskjashkajsh

      Excluir
  3. Olá, meu docinho. Este modelo de comentário pertence ao meu blog, não ao TMR! http://havingcherry.blogspot.com.br/2014/04/modelo-para-comentario-01.html

    ResponderExcluir
    Respostas
    1. Ai amor, vou logo desfazer esse erro! Perdão. >< :o

      Excluir
    2. Acabei de atualizar. Obrigado pelo aviso, realmente. :D

      Excluir
    3. Que isso, obrigada você! Perdão pelo incômodo.

      Excluir
  4. Cara e meu medo de passar vexame ... tipo a copa é aqui mas o Brasil corre risco de ser eliminado na primeira fase que nem a Espanha... e eu senti dó da Espanha pq eles foram campeões na copa passada e a copa esse ano mal começou e eles tipo já foram eliminados... que dó dos bichinhos... principalmente do meu Villa '-' mas enfim .... isso não importa!
    Eu amei esse área de comentário achei divissima... próximo lay talvez apareça ela... ok ♥


    http://animesjaychan.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Caaaaalma, o Brasil vai passar sim, moça o.o Só acho que não vai passar até as quartas não..
      É verdade, eu fiquei bastante triste pela derrota da Espanha, ela era uma das favoritas, só que do nada aconteceu aquilo tudo né :o hashash, eu prefiro meu Sergio Ramos ♥ ♥ :v
      Ah! Muito obrigada! Use sim, haha *u*

      Excluir
  5. Olá,eu não ligo muito pra essa copa,basicamente só assisto os jogos por causa das apostas ;) Esse modelo é muito lindo *u*

    Republic City || republic-city.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Rola sempre muita aposta nessa Copa do Mundo, todo mundo querendo ficar rico aos poucos haushaushaushuahsh :v
      Muito obrigada! <3

      Excluir
  6. Mds ~
    Essa areá de comentários é muito diwa , estou a fazer um lay free e irei usar esse tutorial *---*
    Eu sou a única garota que assiste os jogos da seleção Brasileira só para dar uma olhadinha na *parte de trás* do Hulk , tipo what? mdsss kapsoks

    Kiss da Mandy akii <3 :3
    kawaii-unlike.blogspot.com

    ResponderExcluir
    Respostas
    1. Use a vontade! >▽<
      kkkkkkk Acho que toda a menina sempre presta atenção no Hulk <3 Mulher Melancia ♥ kjhaskjashkahskajs :3

      Excluir
  7. Eu não olhei nenhum jogo inteiro, e os poucos que olhei, foram só pra ver os jogadores bonitos huehuehue ~altas confissões~
    Amei o tutorial, percebi que é o mesmo modelo que você está usando *--*
    Ah, e não sei se pode-se fazer pedidos de postagens, mas se puder postar um tutorial de como fazer o comentário do autor destacado (tipo, com alguma imagem ao lado do nome), eu ficaria grata *--*

    Um beijo, Essie. The Skies | Cherry Nerd (CN)

    ResponderExcluir
    Respostas
    1. kjhaskjahs Por partes. :3
      Muito obrigada! É, realmente, acho ele um amorzinho!
      Futuramente eu faço essa postagem sim, com certeza! ♥

      Excluir
  8. Aaaaaw que pft, voce gosta de hora de aventura tmb ? *u*
    mds mds mds pft <3333
    Seguindo, quer se afiliar? ~
    http://paradise-of-bunnies.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Owwn, eu adoro! :D
      Obrigaaada!
      Claro que sim, seria uma imensa honra! ♥

      Excluir
  9. Que perfeição ♥ Vou usar no blog, bjs!

    ResponderExcluir
  10. Lindo de mais <3 combina perfeitamente com meu blog, nem precisa mudar muito as cores <3

    ResponderExcluir
  11. faz um tutorial ensinando como criar templat

    ResponderExcluir
  12. Oi!!
    Amei o modelo, vou usar ele com umas coicinhas diferentes e vou favoritar a pagina, para quem sabe eu precise de novo ;)
    Beijinhos!!

    ResponderExcluir