sábado

Modelo Para Área dos Comentários #1

CRIEI A ASK. PODEM FAZER SEUS PEDIDOS ^_^


Oi povo!! Tudo bem com vocês? Eu estou bem... Passei a tarde toda no PC hehehe'

Como prometi ontem, hoje eu trouxe o primeiro modelo de comentário para vocês, e este foi eu quem fez. Este modelo é o que eu uso atualmente,é bem simples e perfeito para colocar em layouts simples... Veja como fica:

Primeiro passo: Vá em Modelo>Editar HTML> precisone F3 e pesquise por /* Comments. Ao encontra, apague o código até /* Widgets não é pra apagar /* Widgets não táh? aushasu e subistitua pelo código a seguir...

/* Comments
----------------------------------------------- */
#comments a {
  color: $(post.title.text.color);
}
.avatar-image-container {
  margin: .2em 0 0;
border: solid #cededc; /*Cor da Borda do Avatar*/
}
.comments .comment-block{
position: static;
background: #95b1ae; /*Cor do fundo da caixa de comentário*/
margin-left: 35px;
padding: 10px;
}
.comments .comments-content .loadmore a {
  border-top: 1px solid $(post.title.text.color);
  border-bottom: 1px solid $(post.title.text.color);
}
.comment-header {
background: #799d98; /*Cor do fundo do nome do autor do comentário*/
padding: 3px;}
.comment-header a {
color: #fff !important; /*Cor do nome do autor do comentário*/
font-family: Verdana; /*Fonte do nome do autor do comentário*/
font-size: 12px; /*Tamanho da fonte do nome do autor do comentário*/
font-weight: normal; /*Troque normal por bold para deixar o texto em negrito*/}
.comment-header a:hover { color: #4c6e6a !important; /*Cor do nome do autor do comentário quando passa o mouse*/
text-decoration: none;}
.comments .comment .comment-actions a {
padding: 5px;
background: #c2d7d5; /*Fundo dos botões responder e excluir*/
border: 1px solid #fff; /*Borda dos botões responder e exluir*/
color: #fff !important; /*Cor do texto dos botões responder e excluir*/
font-family: verdana; /*Fonte dos botões responder e excluir*/
font-weight: bold; 
margin-right: 10px;}
.comments .comment-thread.inline-thread {
}
.comments .continue {
  border-top: 2px solid $(post.title.text.color);
}
Segundo Passo: Edite as partes em negrito com as cores que quiser. Depois é só salvar e visualizar!
Prontinho. Este é o tutorial. Gostaram? Comentem!

12 comentários: