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. ♥