Modelo Para Comentários


Olá môzões,
Como estão?Voltei!Meu computador voltou do conserto mas eu tava muito confusa do que postar, e sim eu vou continuar a maratona mas vou postando algumas outras coisas.Ah, e Feliz Natal atrasado.
Minha vida está uma merda como sempre, não ganhei presentes no Natal como sempre, minhas férias não estão muito boas, estou olhando meu irmão e ele não para quieto um minuto então dá pra mim fazer nada.As coisas aqui em casa não estão muito boas, uma parte da minha família mora em ES e bom não conseguimos falar com eles, e daí minha mãe fica com medo que tenha acontecido algo com esses alagamentos.
Mas tirando isso tudo bem, hoje eu trouxe um goodie ou sei lá, como preferirem chamar.É um modelo para área dos comentários:
- Procure por /* Comments e apague tudo até /* Widgets, substituindo o código apagado por:
/* Comments
----------------------------------------------- */
.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:20px;font-size:12px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 0 10px 10px;
padding:0 15px;
color:#ffffff!important; /*--- cor da fonte do botão reply--- */
text-align: center;
text-decoration:none;
background: #e8dfee;  /*--- cor de fundo do botão reply--- */
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #e8dfee),
color-stop(1, #e8dfee) ); /*--- cor de fundo gradiente--- */
background: -moz-linear-gradient( center top, #e8dfee 20%, #e8dfee );/*--- cor de
fundo gradiente--- */
border-radius:2px;
-moz-border-radius:2px;
height:22px;
line-height:22px;
font-weight:normal;
cursor:pointer;
-webkit-transition-duration: .50s;
}
.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-center:50px;}
.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 .datetime a{
font-size:11px;
float: right;
text-decoration:none; color: #e8dfee;
text-shadow: 1px 1px 0px #eee;
}
.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:1px solid #EBEBEB; /* --- cor da borda do comentário ---*/
border-radius:1px;
-moz-border-radius:1px;
}
.comment-header{ /*--- linha onde fica o nome do autor do comentário --- */
background-color:#F6F6F6;   /*--- cor de fundo--- */
font-size:12px;
font-family: 'Delius Swash Caps', cursive;
border-bottom:1px solid #EBEBEB;  /*--- cor da borda --- */
padding:5px;
}
.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-right: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{
width:55px !important;
height:55px !important;
max-width:55px !important;
max-height:55px !important}
.comments .avatar-image-container img{
padding:1px;
border:1px solid #cccccc;
width:40px !important;
height:40px !important
;max-width:40px !important;
max-height:40px !important;
-webkit-border-radius: 1px;
-webkit-transition-duration: .50s;
}
.comments .avatar-image-container img:hover{
padding:1px;
width:40px !important;
height:40px !important
opacity: 0.35;
;max-width:40px !important;
max-height:40px !important;
-webkit-border-radius: 1px;
-webkit-transition-duration: .50s;
}
#comments { 
background: #FFF; 
  padding: 15px; 
}
É só editar e prontinho, espero que gostem do resultado!
Kiss Kiss! 

4 comentários:

  1. Perfeito :3
    wordof-anime.blogspot.com.br

    ResponderExcluir
  2. Meu natal foi bem chato, também quase não ganhei presentes. Esse modelo é lindo, depois vou usar em um layout free :))

    Kiss, Fly Away

    ResponderExcluir
  3. Era o que eu estava precisando euaeuah' fica lindo *O*
    também não ganhei muitos presenter :c ser pobre é uma shit..
    seguindo aqui..te espero lá no blog,
    pizza-n-books.blogspot.com.br

    ResponderExcluir
  4. Amei o modelo , vou usar no próximo lay !!
    2bjs , Bibs > Pandarise.blogspot.com.br <

    ResponderExcluir

Por favor leia as regras antes de comentar:

- Sem spam!
- Sempre que puder deixe o link do seu blog, assim posso retribuir a visita.
- Não aceito "Segue de volta?", eu só sigo se gostar do blog.
- Vou responder como você perguntar, se insultar eu vou retribuir.
- Aceito críticas construtivas, opiniões desnecessárias serão recebidas como devem.
Leu tudinho?Então deixe seu comentário =]