Olá pessoal, num post, eu ensinei a como personalizar os comentários incorporados simples, agora, é os comentários incorporados super, o mais personalizado. Então, quer aprender a fazer um super personalizado? então, clique em leia mais, e vamos nessa!
Bom vamos começar o tutorial!
1- primeiro você tem que marcar a opção comentários incorporados, se não, não vai funcionar, para isso vá em: Configurações // postagens e comentários // comentários // local do comentário // incorporado // Salve e pronto! agora vamos começar!
2- seguindo na mesma página que você parou no passo acima, clique em: Modelo // Editar html // prosseguir e procure por: #comments { Depois que você achar ele, apague apenas até o fechamento das chaves " }". e cole esse código no lugar:
#comments {
padding: 15px;
background: url("url-da-imagem-de-fundo-dos-comentarios"); /* BACKGROUND/FUNDO DOS COMENTARIOS */
}
3- depois disso procure por: /* Comments Quando achar, seleciono tudo abaixo dele, e cole esse no lugar dele:
/* Comments
----------------------------------------------- */
.comments .comment-block {background: #E6E8FA; /* cor do background, entenda na legenda */
border-radius: 10px; /*tamanho da borda arredondada se não quiser, apague esse código*/
border: 2px solid #000; /* bordas, tamanho, formato e cor */
}
.comments .avatar-image-container {float: left;
max-height: 36px;
overflow: hidden;
width: 36px;
border-radius: 15px; /* tamanho do arredondamento da imagem do comentarista */
border: 4px solid #000; /* bordas tamanho, formato, e cor */
}
.comments .comments-content .comment-content {background: #ffffff; /* background- fundo do texto do comentarista */
}
Legenda:
a imagem abaixo representa, o mesmo código acima:
pronto, depois que estiver tudo ao seu gosto, salve!
beijos,
até o próximo post,
Comentem!!
18 Comente pelo Blogger
