Modelo para area de comentarios

Olá  meus queridos tudo bem? O motivo do sumiço? Vejamos, eu estava ajudando uma amiga a criar o layout dela e isso acabou meio que consumindo o meu tempo aqui no blog e fora dele, pois sou do tipo de pessoa que quando começa algo tem que terminar e ir até o fim até que tudo esteja perfeito se não perfeito o mais próximo disto, sou super chata e muito detalhista, isso muito mas nos outros do que por mim mesma, se é um defeito eu não sei mas pode se dizer que seja uma virtude ou até uma qualidade, bem, eu acho que fiz bem meu trabalho e se tem algo que amo é ver a pessoa feliz e estar satisfeita com a minha ajuda, só não faço isso para todos pois sei muito bem quando a pessoa gosta de mim ou quando finge gostar apenas por interesse, tipo não faço mesmo e não ajudo, posso estar sendo ruim agindo assim mas odeio ser feita de boba e ser usada pelos outros.

Bem acho que esclareci tudo o que queria, agora mudando de assunto e indo ao assunto eu tentei criar uma área de comentário que prestasse e fiquei até altas horas ontem só que não saiu nada que prestasse ou que fosse algo usável, o que eu fiz? Peguei uma base da Sam do tmr e editei toda ela do meu jeito, claro que avisei e pedi a ela se poderia postar, afinal não foi eu quem criou a base mas ela aceitou e está tudo bem, eu tentei juro que tentei mas nada que eu tentava dava muito certo, bem creditem ao tmr pela base e a mim pelas modificações, eu editei todo ele ao meu gosto e o pouco que sei dos códigos que vão nele são os que eu mesma modifiquei, bem, espero que curtam e qualquer dúvida é só perguntar aqui pelos comentários mesmo ou pela ask certo? Kissus =3

LIVE PREVIEW »♥«

Para quem não usa nenhum modelo e queira usar este vá até o modelo e clique em editar html, dentro procure por: /* Comments abaixo dele apague todos os códigos que tem até essa chave } depois de apagar tudo, copie todo o código a seguir e cole abaixo do primeiro código que é o /* Comments, salve e verifique se está tudo certo.

/* Comments ----------------------------------------------- */ #comments .comment-author { padding-top: 1.5em; } #comments h4, #comments .comment-author a, #comments .comment-timestamp a { font-family: 'Pf Arma Five'; font-size: 8px; color:#FFB7B7; text-align: center; padding: 5px; } #comments .comment-author:first-child { padding-top: 0; border-top: none; } /* Comments ----------------------------------------------- */ .comments{clear:both;top:10px;margin-bottom:30px;line-height:10px;font-family: verdana; font-size: 11px; color:#D0D0D0;text-align:center; } .comments .comments-content{margin-bottom:10px;font-weight:normal;text-align:justify;margin-top:-15px; } .comments .comment .comment-actions a,.comments .comment .continue a{ display:inline-block;margin-bottom:5px; margin-top:5px;margin-left:5px;margin-right:5px; padding-bottom: 5px;padding-left: 5px; padding-right: 5px; padding-top: 5px;text-align:justify;font-family: 'Pf Arma Five'; font-size: 8px;text decoration:none;color:#FBACAC;text-shadow: 1px 1px 1px #fff;background:#FCDDE6;border:double 3px #F6C6C6; border-radius:1px;-moz-border-radius:2px;font-weight:normal;cursor:pointer;-webkit-transition-duration: .50s; } .comments .comment .comment-actions a:hover,.comments .comment .continue a:hover { display:inline-block;margin-bottom:5px; margin-top:5px;margin-left:5px;margin-right:5px;padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;font-family: 'Pf Arma Five'; font-size: 8px; text-decoration:none;color:#BAC6D0;text-shadow: 1px 1px 1px #fff;background: #ebe7f9;border:double 3px #C5D6E4;border-radius:2px;-moz-border-radius:2px;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-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{ position:absolute; top: 2x; right:365px; margin:0; background-image: url();width:20px;height:20px; } .comments .comments-content .datetime a{ font-family: 'Pf Arma Five'; font-size:8px; color:#FBACAC; text-shadow: 1px 1px 1px #fff; position:absolute; margin-left:220px; top: 3px; } .comments .comments-content .datetime a:hover{ font-family: 'Pf Arma Five'; font-size:8px; color:#BAC6D0; text-shadow: 1px 1px 1px #fff; position:absolute; margin-left:220px; top: 3px; } .comment-content{margin:0 0 8px;padding:0 5px; } .comments .comment-block{ font-family: verdana; font-size: 11px; color:#D0D0D0; margin-left:65px; position:relative; background:#fff; } .comment-header { background:#FCDDE6; border:double 3px #F6C6C6; padding:8px; border-radius:1px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-duration: .90s; transition-duration: .90s; } .comment-header:hover { background: #ebe7f9; border:double 3px #C5D6E4; padding:8px; border-radius:1px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-duration: .90s; transition-duration: .90s; } .comment-header a{ text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; color:#FBACAC; text-shadow: 1px 1px 1px #fff; font-weight: 300; letter-spacing: 2px; font-size:11px; border-radius:1px; margin-left:-12px; padding:8px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-duration: .90s; transition-duration: .90s; } .comment-header a:hover{ text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; color:#BAC6D0; text-shadow: 1px 1px 1px #fff; font-weight: 300; letter-spacing: 2px; font-size:11px; border-radius:1px; padding:8px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-duration: .90s; transition-duration: .90s; } .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{ display:inline; margin-left:4px; padding: 2px; background:#FCDDE6; border:double 3px #F6C6C6; border-radius: 1px; width:40px !important; height:40px !important; max-width:36px !important; max-height:36px !important; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-duration: .90s; transition-duration: .90s;} .avatar-image-container:hover{ display:inline; margin-left:4px; padding: 2px; background: #ebe7f9; border:double 3px #C5D6E4; border-radius: 1px; width:40px !important; height:40px !important; max-width:36px !important; max-height:36px !important; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-duration: .90s; transition-duration: .90s; }