Cupcake Comments {by Kuma}

HELLOOOOOOOOOOO!!!! Cómo están hoy my sweeties? Yo estoy cansada. Para colmo tengo que ir a mi universidad, a averiguar algunas cosas antes del inicio de clases. Estos días he estado tan ida {no tan yo en el blog}, y es que estuve más fuera de casa que en mi propia casa . Pasaron tantas cosas.

Para tener tus comentarios con este diseño, ve a Plantilla y antes de ]]></b:skin> {búscalo con control + F} pega el sgte. código...

/**====================================================================== AREA GENERAL DE COMENTARIO ========================================================================**/ @font-face { font-family: 'Homemade Apple'; src: local('Homemade Apple'), local('HomemadeApple'), url(http://themes.googleusercontent.com/static/fonts/homemadeapple/v3/yg3UMEsefgZ8IHz_ryz86Kmk7U3V72hKgu0Yds_deA8.woff) format('woff'); } .comments{ width:99% !important; margin:0 auto; font-style:normal !important; font-size:12px !important; font-family:verdana !important; background:#fff !important/; color:#c7bfd4; border-radius:14px; } /**======================================================================= COMENTARIOS (1 comentario, 2 comentários...) ========================================================================**/ .comments h3,.comments h4{ width:98%; padding:7px; margin-bottom:10px; color:#ff10b0; font-family:'Homemade Apple'; font-size:33px !important; } /** ================================================================== COSAS DE COMENTARIOS (engloba: botones, avatar, data, icono ...) ====================================================================**/ .comments .comment-block { position:static !important; background:url('http://img24.imageshack.us/img24/483/z7mm.png'); margin-left:23px; padding:0 0 0 35px; border-top:8px #ff10b0 solid; border-bottom:3px #fff dotted; border-left:3px #fff dotted; border-right:3px #fff dotted; border-radius: 0 14px 14px 14px; } .comments .comments-content .comment { padding:15px 5px !important; margin-bottom:15px !important } /* estilos para comentario de autor */ .comments .comments-content .user a,.comments .comments-content .user{ font-style:normal; border:0; color:#fff !important; text-shadow: 0px 1px 0px #ff10b0, 0px -1px 0px #ff10b0, 1px 0px 0px #ff10b0, -1px 0px 0px #ff10b0; font-family:'Homemade Apple'; font-size:17px; background: none; padding-left: 16px; margin-left:-8px; } /* estilo da data */ .comments .comments-content .datetime a{ background:#ff10b0 !important; font:bold 11px courier new; float:left; margin-top: -16px !important; margin-left:-34px !important; font-size:9px; color:#fff; padding-right: 15px; border-top-right-radius:5px; border-top-left-radius:5px; } /* estilo do avatar */ .avatar-image-container { position:absolute !important; min-width:60px; min-height:60px; border:8px #ff10b0 solid; border-radius:60px; padding:0 !important; box-shadow:0 0 15px #f769ac; margin-left:-9px !important; margin-top:0 !important; background:#fff; overflow:hidden } .avatar-image-container img { margin:0; display:block; max-height:60px; min-height:60px; max-width:60px; min-width:60px; padding:0 !important; border-radius:60px; border:0 !important; overflow:hidden } /** ================================================================== TEXTO DE COMENTÁRIO ====================================================================**/ .comments p{ font-size:14px !important; font-family:yanone kaffeesatz !important; text-shadow:0 0 !important; padding-left:20px !important; padding-right:15px; margin-right:10px !important; color:#7c7c7c !important; background: #fff; border-radius: 14px; } /** ================================================================== BOTON - RESPONDER ====================================================================**/ /* boton responder de segundo nível */ .comments .continue a { background:#ff99e0 !important; color:#fff !important; float:right; padding:2px 4px!important; height:23px;line-height:23px !important; margin-top:-45px !important; text-shadow:0 0 !important; } /* boton responder de primer nível */ .comments .comment .comment-actions a,.comments .continue a { font-size:11px !important; color:#fff; padding:3px 6px; border:0 !important; line-height:30px; margin:5px; margin-left:10px; font-family:helvetica; text-shadow: 0 1px #999; border-radius: .5em; background: #36d7d7; font-weight:800; box-shadow:inset 0 1px 2px #666; } /* boton hover*/ .comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover { text-decoration:none !important; padding-bottom:4px } /* estilos para respuestas */ .comments .comment-thread.inline-thread { background-color:transparent !important; padding:0; border-radius:5px; } .comments .comments-content .comment-replies { margin-top:1em; margin-left:56px !important } .comments .continue { border-top:0 !important } .comments .thread-toggle,.icon.blog-author {display:none !important} /** ================================================================== BONUS - estilos para formato de texto comments ====================================================================**/ .comments .comments-content a{background:#999 url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;font-weight:400} .comments .comments-content em{font:normal 12px 'segoe script';color:#fff} .comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0} .comments .comments-content strong {margin:10px 0;border:1px #fff solid;background:url(http://2.bp.blogspot.com/-rRFTCvBi0A4/TwXcVciZO0I/AAAAAAAAWzM/K2dXpNdjcaw/s1600/code.jpg);overflow:auto;width:98%;position:relative;border-radius:10px;box-shadow:0 0 5px rgb(199,198,166);color:#a97dea;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}

Ahora dale a guardar y listo! Ya tienes el área de los comentarios con ese diseño. Bien es todo y me retiro que debo cocinar e irme a la universidad. Por cierto no olviden visitar la publicación anterior {X}. A las ganadoras del Sorteo de Publicidad, RECUERDEN!! mañana vence el plazo para entregar sus banners, caso contrario se le cederá el puesto a otro participante. Hasta mañana everbody!!!