27 de ago de 2013

Modelo para Comentários - Fofo


Good Afternoon *-*

Eu postando a noite,que milagre haha-sqñ, normalmente eu só ando postando a noite,porque não tenbo tempo para postar a tarde e nem de manhã,eu queria muito poder fazer pelo menos 2 posts por dia,mas não consigo o dia ta sendo muito corrido pra mim,escola e trabalhos para entregar a semana toda,prova de matemática,e quando eu penso em postar o sono vem! -Que Saco '¬¬

Mas enfim,é só uma fase doida do mês rs,trouxe um modelo de comentários para vocês,é igual ao que eu estou usando aqui no blog,é bem fofinho e acredito que seja pouco achado,enfim espero que gostem!


Preview


Para usa-lo , troque todo o código abaixo de /* comments e cole este:

.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:18px;font-size:11px; font-family: tahoma; color: #999999;}.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 5px 3px;padding:0 2px;color: #fff;background: #aa8888;text-shadow: 1px 1px 0px #aa8888;box-shadow: 2px 2px 0px #aa8888;text-align:center;text-decoration:none;border-radius:3px;color: #fff;background: #aa8888;text-shadow: 1px 1px 0px #aa8888;box-shadow: 2px 2px 0px #E3E3E3;height:26px;line-height:28px;font-weight:normal;font-family: silkscreen;font-size: 8px;-webkit-transition-duration: .30s;text-decoration:none;}.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: 2px;right: 30px;margin:0;background-image: url('http://static.tumblr.com/dfak2rp/Zi6mrparb/favmini.gif');width:17px;height:16px}.comments .comments-content .datetime a{font-size:0px;text-decoration:none; color: tranparent;}.comment-content{margin:0 0 8px;padding:0 5px;}.comments .comment-block{margin-left:65px;position:relative;background:#fff;border:1px solid #aa8888;border-radius:2px;}.comment-header{background-color:#eeaabb;font-size:8px;font-family: "silkscreen";color: #fff;text-shadow: 0.1em 0.1em #84A2BD;border-bottom:1px solid #aa8888;padding:1px;}.comment-header a{color: #fff;}.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:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}.comments .avatar-image-container img{padding0px;border:1px dashed #aa8888;background: #E6DDDD;padding: 2px; border-radius: 3px;width:36px !important;height:36px !important;;max-width:36px !important;max-height:36px !important;border-radius: 0px;-webkit-transition-duration: .50s;}.comments .avatar-image-container img:hover {padding0px;border:1px dashed #DB4652;background: #FFA8AF;padding: 2px; border-radius: 0px;width:36px !important;height:36px !important;;max-width:36px !important;max-height:36px !important;border-radius: 0px;-webkit-transition-duration: .50s;}

Bom edite somente as cores, nada mais além disso, ele é muito fofinho,espero que tenham gostado .
Beijos ♥

12 comentários:

  1. Awnnnnnnnnn, mega fofo <33' Adorei !

    Beijinhos,

    Juu-Chan ;3 | Nescau com Nutella

    ResponderExcluir
  2. Muito lindinho esse modelinho, gostei! <3

    - HTML Secret

    ResponderExcluir
  3. Own que modelo fofo! Adorei!

    Parabéns pelo blog e já seguindo! =(^.^)=

    Visita tb o meu blog e se gostar segue também.

    lindamenina-dri.blogspot.com.br

    Bjs!!!!!! ♥♥

    ResponderExcluir
  4. Own que modelo fofinho *-*
    Adorei o tutorial, bem explicadinho ^-^

    ~ Beijos ;*
    http://cantinhodaslovelys.blogspot.com.br/

    ResponderExcluir
  5. Adorei o modelo! É muito fofo :3

    vidadeumasone.blogspot.com

    ResponderExcluir

Seja Educado
Comente sua opinião
Qualquer erro,reclame
Comente e seja feliz <3