Yo~~
Vamos para mais um modelo de comentarios que achei perdido, mais infelizmente so funciona no modelo travel, ja tentei mexer no modelo simples, mais nao deu certo, apenas no modelo travel nao se esqueça
mais informações clique no leia mais
para personalizar primeiro vá em html do seu blog, e logo procure por /* Comments e depois cole esse modelo de comentario do blog kw, coloque creditos gata
.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:20px;font-size:11px;font-family: tahoma;}.comments .comments-content{margin-bottom:25px;font-weight:normal;text-align:left;font-color: #938f87;}.comments .comments-content .icon.blog-author{position:absolute;top: -2px;right: 150px;margin:0;background-image: url(https://web.archive.org/web/20130404011154im_/http://static.tumblr.com/0xqvkot/f9Nmjf1ct/399.png);width:32px;height:36px}.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 20px 10px 10px;padding:0 5px;color:#ffffff!important; /*--- cor da fonte do botão reply--- */text-align: center;text-decoration:none;background: #f9b0c1; /*--- cor de fundo do botão reply--- */background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #f9b0c1), color-stop(1, #e6e1d0) ); /*--- cor de fundo gradiente--- */background: -moz-linear-gradient( center top, #f9b0c1 20%, #e6e1d0 100% );/*--- cor de fundo gradiente--- */border-radius:2px;-moz-border-radius:2px;box-shadow: -webkit-box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.15);-moz-box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.15);box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.15);height:25px;line-height:26px;font-weight:normal;cursor:pointer;-webkit-transition-duration: .50s;}.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {text-decoration: none;background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #cfab7d), color-stop(1, #a88860) ); /*--- cor de fundo gradiente--- */background: -moz-linear-gradient( center top, #cfab7d 20%, #a88860 100% );/*--- cor de fundo gradiente--- */-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-left:20px;}.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:#cfab7e; /* -- cor do link da data do comentário -- */-webkit-transition-duration: .50s;}.comments .comments-content .datetime a:hover{font-size:11px;float: right;text-decoration:none; color:#c28b98; /* -- cor do link da data do comentário -- */-webkit-transition-duration: .50s;}.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 #d8d5d5; /* --- cor da borda do comentário ---*/border-radius:1px;-moz-border-radius:1px;box-shadow: inset 0 0 10px #ecebeb, 0 0 5px #d2d1d3;}.comment-header{ /*--- linha onde fica o nome do autor do comentário --- */background-color:#f6f6f6; /*--- cor de fundo--- */font-size:12px;border-bottom:1px solid #d8d5d5; /*--- cor da borda --- */padding:5px;}.comment-header a{color: #aa967d; /*--- cor do link nome do autor do comentario --- */-webkit-transition-duration: .50s;}.comment-header a:hover{color: #c76e82; /*--- cor do link nome do autor do comentario --- */-webkit-transition-duration: .50s;}.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.4em;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:2px;border:1px solid #d6d4d4;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:2px;border:1px solid #ef7094;width:40px !important;height:40px !important;max-width:40px !important;max-height:40px !important;-webkit-border-radius: 1px;opacity: 0.5;-webkit-transition-duration: .50s;}
bom aproveito bebes
Nenhum comentário:
Postar um comentário