quinta-feira, 7 de novembro de 2013

COMENTÁRIOS PERSONALIZADOS




Vá no seu HTML e procure (F3) por:

/* Comments
Apague tudo até /* Footer e substitua pelo código abaixo:


/* Comments
----------------------------------------------- */
/*** Área dos comentários ***/
.comments {
background: #B3DBE1; /* Cor */
border-radius: 10px; /* Bordas arredondadas */
padding: 20px;
border: 3px solid #9ABABF; /* Borda */
}
/*** Nome de quem comenta e data dos comentários ***/
.comment-header {
font-family: Terminal Dosis; /* Fonte */
font-size: 15px; /* Tamanho da fonte */
color: #B3DBFF; /* Cor da fonte */
border-bottom: 1px solid #B3DBE1; /* Linha de baixo */
padding: 5px;
-webkit-transition-duration: .30s;
}
.comment-header:hover {
padding-left: 20px;
}
/*** Caixinha dos comentários ***/
.comments .comment-block {
background: #ffffff; /* Fundo */
border-radius: 10px; /* Bordas arredondadas */
padding: 10px;
-moz-box-shadow: 0 0 3px 1px #000;
-webkit-box-shadow: 0 0 3px 1px #000;
box-shadow: 0 0 3px 1px #000;
}
/*** Nenhum comentário, 5 comentários ***/
.comments h4 {
font-family: Terminal Dosis; /* Fonte */
font-size: 20px; /* Tamanho da fonte */
color: #9ABABF; /* Cor da fonte */
}
Com um pouco de paciência, você pode ir ajustando e seus comentários estarão prontos!
Para evitar problemas: antes de substituir o código dos comentários, deixe o seu numa nota no seu computador. Se der problema você coloca seu código de volta.

Nenhum comentário:

Postar um comentário