Olá gatinhos, tudo bem? Sintam-se a vontade e sejam bem vindos ao meu cantinho, este bloguinho foi criado em julho de 2012 e até hoje é direcionado a área de html e css. E se desejarem algo não exitem e peçam pela ask! beijinhos, bye ♡

5.4.14

Modelo para área de comentários


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; }

31 comentários:

  1. Também odeio quando fingem ser meus amigos para pedir algo em troca depois de uma semaninha já some e nunca mais vejo isso é muito ruim, amei esse modelo muito fofo ♥

    Bjks | http://diamonts-and-tea.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Nossa é muito ruim mesmo =/ mas sempre irão existir pessoas assim né? Obrigada amore >.<

      Excluir
  2. Que modelinho mais fofo, é comestível -q?
    Também tenho mania de ser meio detalhista u-u
    ~Tchau o3o

    Rabbit Pixel || http://rabbitpixel.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. UASHuAHsuhas obrigada linda, eu sou sim e bem daquelas chatas de galocha >.< Beijocas =3

      Excluir
  3. Que ilustração linda, realmente muito fofa. O layout deve estar ficando muito lindo, todos os layouts que você da uma forcinha mesmo que pouca ficam divinos. O modelo ficou lindo, muito fofo *---* como havia dito antes.

    ResponderExcluir
    Respostas
    1. Ah boba nem são tão perfeitos assim. mas eu tento criar algo legal né? >.< Beijocas minha linda =3

      Excluir
  4. Cara eu sou igualzinha Roh ^^
    A uns dias tava precisando ate de um modelo mas como nao achei fiz o meu :c mesmo assim tá lindo e divão <33

    ~ geekegirlie ~

    ResponderExcluir
    Respostas
    1. Que bom então somos bem determinadas e bem chatinhas né UASHuAHSUAHSUH beijocas amore =3

      Excluir
  5. Uooou amei e salvei para usar dps 'u'
    Ah eu mudei de blog (Lol) '-'
    Deixei de visitar um pouco pq fiquei em hiatus, e a propósito.. seu lay é PEEEERFEITO Roh 'u'
    1000kawaiiblog.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada minha linda, salva sim sempre é bom ter algo nos favoritos né?

      Excluir
  6. Eu também, não gosto de interesse pelo simples fato de você estar perdendo seu tempo com a pessoa te usando.. aff -.-
    Adorei a área, acho que vou usar *u*

    www.k-awaiicherry.blogspot.com

    ResponderExcluir
  7. Que lindo da área, usarei no meu próximo layout ♥

    blu-eberry.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigada linda, sim use acredito que irá ficar uma graça >.<

      Excluir
  8. e qual é o link do blog da tua amiga?
    Bem, que código enorme! Deixa-me dizer que a área de comentários ficou mesmo muito bonita
    querosabertudo-k.blogspot.com

    ResponderExcluir
  9. Tem pessoas que falam que gostam da gente mais não gosta ou só fiz por interesse isso me chatei muito T-T mais Roh como não gostar de você?Impossível você é super legal e atenciosa e fofa e muito mais <3 eu gosto muito daqui e de você serio de verdade.>3< você tava sumida um pouquinho tava com saudade >o< adorei a área de comentário tá muito fofa <3 bjkss
    http://thing-of-kawaii.blogspot.com.br/

    ResponderExcluir
  10. Fui a primeira a comentar? Não né?
    Amei esse modelo e acho que vou colocar porque ele combina com a minha sidebar ♥-♥
    Chuu ~ blueberrycorderosa.blogspot.com

    ResponderExcluir
  11. É lindo demais Roh! Só que o código html é muito grande molier, O-O Acho que vou usar essas cores mesmo, por preguiça de editar U.U

    Acho que vi o layout que vc fez, foi para o U.P não é? Ficou perfeito *U*U*U*U*U*
    Beijos,

    c-akeparty.com Blog novo em breve *U*

    ResponderExcluir
  12. Que modelo lindo!! <3 Vou usar ele no meu próximo layout =)

    s-impatie.blogspot.com.br | Simpatie ♡

    ResponderExcluir
  13. Que fofo esse modelo >3< Estava realmente precisando de um, pois recebi uma encomenda de layout ~
    Kisses, miss-rock.blogspot.com

    ResponderExcluir
  14. Está simplesmente perfeito Roh-senpai *OOOOOOO*
    Eu até usaria se não estivesse com um novo lay.

    http://scarletrainbow.blogspot.com.br

    ResponderExcluir
  15. Acho que isso é qualidade, mas quando é muito grande pode ser considera um defeito.
    Sou boa em criar essa áreas de comentários, mas tenho bastante preguiça porque o código é sempre muito grande kkkkk
    Adorei este modelo, ele é bem sua cara, principalmente as cores que escolheu -q

    Diário de uma Otome

    ResponderExcluir
  16. ASUHASUHAS Eu também sou assim >3< É tão bom ver que você ajudou, não é? *u* Falou tudinho!

    Bom, eu sempre tenho preguiça de personalizar a área dos comentários, odeio isso em mim :c E o modelo é totalmente perfeito, então pode ter certeza que eu favoritei, e vou usa-lo ( e creditar, lógico ) :3

    htmlandresources.blogspot.com.br

    ResponderExcluir
  17. Amei o Modelo! Faz decadas que procuro um modelo assim tão perfeito!
    Mas Roh Tenho uma pergunta como eu mudo o fundo dos comentarios nesse modelo? Porque o fundo fica aquele cinza chato, e queria saber como muda o fundo para colocar uma outra cor ou uma imagem?

    Bjs

    ResponderExcluir
  18. Ameeei <3 muito pft *u*
    http://rainha-dos-sonhos-oficial.blogspot.com.br/

    ResponderExcluir
  19. omg Roh, como faz isso comigo eu acabo de faer um lay e vc posta essa perfeição? ooo que judiação vou guardar pra usar no proximo!

    Voltamos neko visite || http://www.kawaii-things.net/

    ResponderExcluir
  20. Esse modelo é lindoo Roh *--------* Já te disse isso -q Ainda bem que eu fui exclusivo, porquê sabe neh eu sou eu -q -n ashuas' Enfim, estou usando esse modelo mais que bonito Obrigadoo ~ ♥

    @ DR || www.d-resources.net

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

LAYOUT E CODIFICAÇÃO POR ROH A. RAMOS OS DIREITOS ESTÃO RESERVADOS | Tecnologia do Blogger © 2017