LOCALIZE: /* Comments, apague tudo que tiver nessa área e cole o que estiver abaixo!
.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:center}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:10px 10px 10px 10px;
padding:0 7px;
color:#000000 !important; /*--- cor da fonte do botão reply--- */
text-align:center;
text-decoration:none;
background: #f1f1f1; /*--- cor de fundo do botão reply--- */
border:1px solid #000000; /*--- cor da borda do botão reply--- */
height:25px;
line-height:25px;
font-weight:normal;
cursor:pointer;
}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {
text-decoration: none;
background: #32CD32; /*--- cor de fundo do botão reply houver--- */
border:1px solid #000000; /*--- cor da borda do botão reply hover--- */
}
.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;}
.comments .comments-content .icon.blog-author{
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
width:18px;
height:18px;
display:inline-block;
margin:0 0 -4px 6px;
float:right;
}
.comments .comments-content .datetime a{
font-size:11px;
text-decoration:none; color:#666; /* -- cor do link da data do comentário -- */
}
.comment-content{margin:0 0 8px;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
position:relative;
background:#fff; /* -- cor de fundo do comentário -- */
border:2px solid #000000; /* --- cor da borda do comentário ---*/
}
.comment-header{ /*--- linha onde fica o nome do autor do comentário --- */
background-color:#f1f1f1; /*--- cor de fundo--- */
font-size:18px;
border-bottom:1px solid #000000; /*--- cor da borda --- */
padding:5px;
}
.comment-header a{
color: #32CD32; /*--- cor do link nome do autor do comentario --- */
}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{
display:inline-block;
height:6px;
width:7px;
overflow:visible;
margin:0.3em;
padding-right:4px;
}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.avatar-image-container{
float:right
vertical-align:middle;
overflow:hidden;
width:65px !important;
height:51px !important;
max-width:65px !important;
max-height:51px !important}
.comments .avatar-image-container img{
padding:0px;
border:2px solid #000000;
width:45px !important;
height:45px !important
;max-width:45px !important;
max-height:45px !important;
}
Mostrando postagens com marcador Comentários. Mostrar todas as postagens
Mostrando postagens com marcador Comentários. Mostrar todas as postagens
sábado, 14 de setembro de 2013
domingo, 17 de março de 2013
Personalizando comentários
Mudando o background:
#comments {
background: #cccccc; {Altere para a cor que preferir}
padding: 15px;
}
Personalizando o avatar:
.avatar-image-container {
margin: .2em 0 0;
{Acrescente aqui as informações que quiser}
}
Personalizando o corpo dos comentários:
.comments .comments-content .comment-content {
margin: 2px 8px; {Margens}
padding: 1px 5px; {Espaço entre o texto e as margens}
background: #eee;
border: 1px solid #ccc; {Acrescente as informações que quiser, ex: border-radius}
}
#comments .comment-author {
Personalizando os links "responder" e "excluir":
.comments .comment .comment-actions {
display: block;
list-style-type: none;
margin: 3px 0; {Margem entre links e corpo do comentário}
text-align: right;
}
.comments .comment .comment-actions a {
color: #000;
margin: 7px; {Margem entre um link e outro}
padding: 2px; {Espaço entre os links e as margens}
{Pode acrescentar bordas e background}
}
/* Comments
Assinar:
Postagens (Atom)