personalizando os comentarios novos (tutorial blogger)

Hello girls!
Fiz mais uns modelinhos de comentários para vcs usarem (primeira parte aqui ), lembrando que esses estilos são para os NOVOS comentários, no formulário antigo (o que não tem opção de respostas) o css não funciona :(

O codigo está pronto, vc só precisa copiar e colar no seu template acima da tag ]]></b:skin>
E outra: tem tudo explicadinho em cada seletor pra vcs que quizerem editar ok?

Estilo 1 (black purple):

/**======================================================================
               AREA GERAL DOS COMMENTS 
 ========================================================================**/
@font-face {font-family:'Vibur';src:local('Vibur'), url('http://themes.googleusercontent.com/static/fonts/vibur/v4/e2dR39U2ZC6nUGtJrQCN9Q.woff') format('woff')}

.comments{
width:99% !important;       /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
margin:0 auto;
font-style:normal !important;
font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
background:#000 !important /* COR DO FUNDO */;
color:#fff;
border-radius:10px;
}


 /**=======================================================================
        HEADING DOS COMMENTS (1 comentario, 2 comentários...)
 ========================================================================**/

.comments h3,.comments h4{
width:98%;
padding:7px;
margin-bottom:10px;
color:#87a;             /* COR DO TEXTO - se preferir troque */
font-family:'Vibur' !important;/* FONT-FAMILY - se preferir troque */
font-size:33px !important;       /* TAMANHO DO TEXTO - se preferir troque */
}


/** ==================================================================
      BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...) 
 ====================================================================**/

.comments .comment-block {
position:static !important;  /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
background:transparent !important;         /* COR DO FUNDO */
margin-left:23px;
padding:0 0 0 23px;
border-top:5px #87a solid
}

.comments .comments-content .comment {
padding:30px 10px !important;
margin-bottom:15px !important;
}

/* estilos para o nome do autor do comentário */
.comments .comments-content .user a,.comments .comments-content .user {
font-style:normal;
border:0;
color:#fff !important;
text-shadow:0 1px #999;
font-family:'Vibur';
font-size:20px;
background:#87a;
padding:4px 26px;
margin-left:-8px;
border-bottom-right-radius:10px;margin-top:-2px
}

/* estilo da data */
.comments .comments-content .datetime a{
background:none !important;
font:bold 11px courier new;
float:right;
font-size:9px;
color:#aaa;
border:0 !important
}


/* estilo do avatar */
.avatar-image-container {
min-width:60px;  /* determina um minimo de largura */
min-height:60px; /* determina um minimo de altura */
border:5px #87a solid; /* borda */
border-radius:60px;  /* arredondamento */
padding:0 !important;
box-shadow:0 0 3px #87a; /* sombra */
margin-left:-9px !important; 
margin-top:0 !important;
position:absolute !important;
overflow:hidden /* hack para evitar serrilhado na imagem */
}

.avatar-image-container img {
margin:0;
max-height:60px;
min-height:60px;
max-width:60px;
min-width:60px;
padding:0 !important;
border-radius:60px;  /* arredondamento */
overflow:hidden;
border:0 !important;
overflow:hidden /* hack para evitar serrilhado na imagem */
}

/** ==================================================================
                     TEXTO DO COMENTÁRIO 
 ====================================================================**/

.comments p{
border:0 !important;
font-style:normal !important;
font-size:12px !important;
font-family:courier new !important;
text-shadow:0 0 !important;
padding-left:30px !important;
color:#eee !important
}

/** ==================================================================
                     BOTAO - RESPONDER
 ====================================================================**/

/* botao responder do segundo nível */
.comments .continue a {
background:#fff !important;
color:#777 !important;
float:right;
padding:2px 4px!important;
height:23px;line-height:23px !important;
margin-top:-45px !important;
text-shadow:0 0 !important
}

/* botao responder do primeiro nível, mais estilos para o botao do segundo 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: #87a;
font-weight:800;
box-shadow:inset 0 1px 2px #666
}

/* botao hover*/
.comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover {
text-decoration:none !important;
padding-bottom:4px
}

/* estilos para bloco de respostas */
.comments .comment-thread.inline-thread {
background-color:transparent !important;
padding:0.5em 1em;
border-radius:5px;
border:1px #ddd dashed
}

.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 formatação do texto dos comments
 ====================================================================**/

.comments .comments-content a{background:#87a url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;padding-right:3px;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:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}


/** ==================================================================
          Fim [by Gizaa// http://candylland.blogspot.com]
 ====================================================================**/

Estilo 2 (black pink):

/**======================================================================
 AREA GERAL DOS COMMENTS
 ========================================================================**/
@font-face {font-family:'Vibur';src:local('Vibur'), url('http://themes.googleusercontent.com/static/fonts/vibur/v4/e2dR39U2ZC6nUGtJrQCN9Q.woff') format('woff')}
.comments{
width:99% !important;       /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
margin:0 auto;
font-style:normal !important;
font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
background:#000  !important/* COR DO FUNDO */;
color:#fff;
border-radius:10px;
}
/**=======================================================================
 HEADING DOS COMMENTS (1 comentario, 2 comentários...)
 ========================================================================**/
.comments h3,.comments h4{
width:98%;
padding:7px;
margin-bottom:10px;
color:#ff1499;             /* COR DO TEXTO - se preferir troque */
font-family:'Vibur' !important;/* FONT-FAMILY - se preferir troque */
font-size:33px !important;       /* TAMANHO DO TEXTO - se preferir troque */
}
/** ==================================================================
 BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...)
 ====================================================================**/
.comments .comment-block {
position:static !important;  /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
background:transparent !important;         /* COR DO FUNDO */
margin-left:23px;
padding:0 0 0 30px;
border-top:5px #ff1490 solid
}
.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important
}
/* estilos para o nome do autor do comentário */
.comments .comments-content .user a,.comments .comments-content .user{
font-style:normal;
border:0;
color:#fff !important;
text-shadow:0 1px #999;
font-family:'Vibur';
font-size:20px;
background:#ff1490;
padding:4px 36px;
margin-left:-8px;
border-bottom-right-radius:10px;margin-top:-2px
}
/* estilo da data */
.comments .comments-content .datetime a{
background:none !important;
font:bold 11px courier new;
float:right;
font-size:9px;
color:#aaa;
border:0 !important
}
/* estilo do avatar */
.avatar-image-container {position:absolute !important;
min-width:60px; 
min-height:60px;
border:5px #ff1490 solid; 
border-radius:60px; 
padding:0 !important;
box-shadow:0 0 3px #ff1490; 
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 /* hack para evitar serrilhado na imagem */
}
/** ==================================================================
 TEXTO DO COMENTÁRIO
 ====================================================================**/
.comments p{
font-size:12px !important;
font-family:courier new !important;
text-shadow:0 0 !important;
padding-left:20px !important;
color:#eee !important
}
/** ==================================================================
 BOTAO - RESPONDER
 ====================================================================**/
/* botao responder do segundo nível */
.comments .continue a {
background:#fff !important;
color:#777 !important;
float:right;
padding:2px 4px!important;
height:23px;line-height:23px !important;
margin-top:-45px !important;
text-shadow:0 0 !important
}
/* botao responder do primeiro nível, mais estilos para o botao do segundo 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: #ff1490;
font-weight:800;
box-shadow:inset 0 1px 2px #666
}
/* botao hover*/
.comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover {
text-decoration:none !important;
padding-bottom:4px
}

/* estilos para bloco de respostas */
.comments .comment-thread.inline-thread {
background-color:transparent !important;
padding:0.5em 1em;
border-radius:5px;
border:1px #ddd dashed !important
}
.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 formatação do texto dos 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:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}
/** ==================================================================
 Fim [by Gizaa// http://candylland.blogspot.com]
 ====================================================================**/

Estilo 3 (black teen color):

/**======================================================================
               AREA GERAL DOS COMMENTS 
 ========================================================================**/
@font-face {font-family: 'Lilita One';src:local('Lilita One'),local('LilitaOne'),url('http://themes.googleusercontent.com/static/fonts/lilitaone/v1/4FUUC-PxqHfbmE-DcA6LXBsxEYwM7FgeyaSgU71cLG0.woff') format('woff')}

.comments{
width:99% !important;       /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
margin:0 auto;
font-style:normal !important;
font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
background:#000 !important /* COR DO FUNDO */;
color:#fff;
border-radius:10px;
}

/**=======================================================================
        HEADING DOS COMMENTS (1 comentario, 2 comentários...)
 ========================================================================**/
.comments h3,.comments h4{
width:98%;
padding:7px;
margin-bottom:10px;
color:rgb(255,204,0);             /* COR DO TEXTO - se preferir troque */
font-family:'Lilita One' !important;/* FONT-FAMILY - se preferir troque */
font-size:33px !important;       /* TAMANHO DO TEXTO - se preferir troque */
}
/** ==================================================================
      BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...) 
 ====================================================================**/
.comments .comment-block {
position:static !important;  /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
background:transparent !important;         /* COR DO FUNDO */
margin-left:23px;
padding:0 0 0 30px;
border-top:5px rgb(255,204,0) solid
}

.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important
}

/* estilos para o nome do autor do comentário */
.comments .comments-content .user a,.comments .comments-content .user{
font-style:normal;
border:0;
color:#ff1490 !important;
text-shadow:0 1px #fff;
font-family:'Lilita One';
font-size:20px;
background:rgb(255,204,0);
padding:4px 36px;
margin-left:-8px;
border-bottom-right-radius:10px;margin-top:-2px
}

/* estilo da data */
.comments .comments-content .datetime a{
background:none !important;
font:bold 11px courier new;
float:right;
font-size:10px;
color:rgb(255,204,0);
border:0 !important
}


/* estilo do avatar */
.avatar-image-container {
min-width:75px;  /* determina um minimo de largura */
min-height:75px; /* determina um minimo de altura */
border:5px rgb(255,204,0) solid; /* borda */
border-radius:60px;  /* arredondamento */
padding:0 !important;
margin-left:-8px !important; 
margin-top:0 !important;
position:absolute !important;
overflow:hidden /* hack para evitar serrilhado na imagem */;
background:#87a;
}

.avatar-image-container img {
border:7px #87a solid;
margin:0;
max-height:60px;
min-height:60px;
max-width:60px;
min-width:60px;
border-radius:60px;  /* arredondamento */
}
/** ==================================================================
                     TEXTO DO COMENTÁRIO 
 ====================================================================**/

.comments p{
font-size:12px !important;
font-family:trebuchet ms !important;
text-shadow:0 0 !important;
padding-left:30px !important;
color:#eee !important
}

/** ==================================================================
                     BOTAO - RESPONDER
 ====================================================================**/

/* botao responder do segundo nível */
.comments .continue a {
background: rgb(255,204,0) !important;
color:#ff1490 !important;
float:right;
padding:2px 4px!important;
height:23px;line-height:23px !important;
margin-top:-45px !important;
text-shadow:0 1px #fff !important
}

/* botao responder do primeiro nível, mais estilos para o botao do segundo 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: #87a;
font-weight:800;
box-shadow:inset 0 1px 2px #666
}

/* botao hover*/
.comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover {
text-decoration:none !important;
padding-bottom:4px
}

/* estilos para bloco de respostas */
.comments .comment-thread.inline-thread {
background-color:transparent !important;
padding:0.5em 1em;
border-radius:5px;
border:1px #ddd dashed
}

.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 formatação do texto dos comments
 ====================================================================**/

.comments .comments-content a{background:#87a url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;padding-right:3px;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:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}

 /** ==================================================================
          Fim [by Gizaa// http://candylland.blogspot.com]
 ====================================================================**/

Estilo 4 (light teen color):

/**======================================================================
 AREA GERAL DOS COMMENTS
 ========================================================================**/
@font-face {font-family: 'Lilita One';src:local('Lilita One'),local('LilitaOne'),url('http://themes.googleusercontent.com/static/fonts/lilitaone/v1/4FUUC-PxqHfbmE-DcA6LXBsxEYwM7FgeyaSgU71cLG0.woff') format('woff')}
.comments{
width:99% !important;       /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
margin:0 auto;
font-style:normal !important;
font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
background:#fff url(http://2.bp.blogspot.com/-iJ1LK15jHAY/Ty7rXjEFSnI/AAAAAAAABQE/Hau4ICCb_m0/s1600/ghfh.jpg) !important;
border-radius:10px;
}
/**=======================================================================
 HEADING DOS COMMENTS (1 comentario, 2 comentários...)
 ========================================================================**/
.comments h3,.comments h4{
text-shadow:0 1px #666;
width:98%;
padding:7px;
margin-bottom:10px;
color:rgb(255,204,0);             /* COR DO TEXTO - se preferir troque */
font-family:'Lilita One' !important;/* FONT-FAMILY - se preferir troque */
font-size:33px !important;       /* TAMANHO DO TEXTO - se preferir troque */
}
/** ==================================================================
 BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...)
 ====================================================================**/
.comments .comment-block {
position:static !important;  /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
background:#fff;         /* COR DO FUNDO */
margin-left:28px;
padding:0 15px 5px 23px;
border-top:5px rgb(255,204,0) solid;
border-bottom-left-radius:30px;
border-bottom-right-radius:5px;
box-shadow:0 0 3px #aaa
}
.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important
}
/* estilos para o nome do autor do comentário */
.comments .comments-content .user a{
background:none !important;
font-style:normal;
border:0;
color:#ff1490 !important;
text-shadow:0 1px #fff;
font-family:'Lilita One';
font-size:20px;
border-bottom-right-radius:10px;margin-top:-2px
}
.comments .comments-content .user{
font-style:normal;
border:0;
color:#ff1490 !important;
text-shadow:0 1px #fff;
font-family:'Lilita One';
font-size:20px;
background:rgb(255,204,0);
padding:4px 36px;
border-bottom-right-radius:10px;margin-top:-2px
}

/* estilo da data */
.comments .comments-content .datetime a{
background:none !important;
font:bold 11px courier new;
float:right;
font-size:10px;
color:rgb(255,204,0);
border:0 !important
}
/* estilo do avatar */
.avatar-image-container {
min-width:75px;  /* determina um minimo de largura */
min-height:75px; /* determina um minimo de altura */
border:5px rgb(255,204,0) solid; /* borda */
border-radius:60px;  /* arredondamento */
padding:0 !important;
margin-left:-6px !important;
margin-top:0 !important;
position:absolute !important;
overflow:hidden /* hack para evitar serrilhado na imagem */;
background:#87a;
}
.avatar-image-container img {
border:7px #87a solid;
margin:0;
max-height:60px;
min-height:60px;
max-width:60px;
min-width:60px;
border-radius:60px;  /* arredondamento */
}
/** ==================================================================
 TEXTO DO COMENTÁRIO
 ====================================================================**/
.comments p{
background:transparent !important;
border:0 !important;
font-style:normal !important;
font-size:12px !important;
font-family:trebuchet ms !important;
text-shadow:0 1px #ddd !important;
padding-left:40px !important;
color:#666 !important
}
/** ==================================================================
 BOTAO - RESPONDER
 ====================================================================**/
/* botao responder do segundo nível */
.comments .continue a {
background: rgb(255,204,0) !important;
color:#ff1490 !important;
float:right;
padding:2px 4px!important;
height:23px;line-height:23px !important;
margin-top:-40px !important;
text-shadow:0 1px #fff !important
}
/* botao responder do primeiro nível, mais estilos para o botao do segundo nível */
.comments .comment .comment-actions a,.comments .continue a {
font-size:11px !important;
color:#fff;
padding:3px 6px;
border:0 !important;
line-height:40px;
margin:5px;
margin-left:15px;
font-family:helvetica;
text-shadow: 0 1px #999;
border-radius: .5em;
background: #87a;
font-weight:800;
box-shadow:inset 0 1px 2px #666
}
/* botao hover*/
.comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover {
text-decoration:none !important;
padding-bottom:4px
}

/* estilos para bloco de respostas */
.comments .comment-thread.inline-thread {
background-color:transparent !important;
padding:0.5em 1em;
border-radius:5px;
border:1px #ddd dashed
}
.comments .comments-content .comment-replies {
margin-top:1em;
margin-left:56px !important
}
.comments .continue {
border-top:0 !important;
margin-top:10px !important
}
.comments .thread-toggle,.icon.blog-author  {display:none !important}

/** ==================================================================
 BONUS - estilos para formatação do texto dos comments
 ====================================================================**/
.comments .comments-content a{background:#87a url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;padding-right:3px;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:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}
/** ==================================================================
 Fim [by Gizaa// http://candylland.blogspot.com]
 ====================================================================**/

Estilo 5 (black orange pink):

/**======================================================================
               AREA GERAL DOS COMMENTS 
 ========================================================================**/
@font-face {font-family: 'Lilita One';src:local('Lilita One'),local('LilitaOne'),url('http://themes.googleusercontent.com/static/fonts/lilitaone/v1/4FUUC-PxqHfbmE-DcA6LXBsxEYwM7FgeyaSgU71cLG0.woff') format('woff')}

.comments{
width:99% !important;       /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
margin:0 auto;
font-style:normal !important;
font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
background:#000;
border-radius:10px;
}
/**=======================================================================
        HEADING DOS COMMENTS (1 comentario, 2 comentários...)
 ========================================================================**/

.comments h3,.comments h4{
width:98%;
padding:7px;
margin-bottom:10px;
color:#f90;             /* COR DO TEXTO - se preferir troque */
font-family:'Lilita One' !important;/* FONT-FAMILY - se preferir troque */
font-size:33px;       /* TAMANHO DO TEXTO - se preferir troque */
}
/** ==================================================================
      BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...) 
 ====================================================================**/

.comments .comment-block {
position:static !important;  /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
background:#666;         /* COR DO FUNDO */
margin-left:23px;
padding:0 15px 0 23px;
border-top:5px #f90 solid;
border-bottom:5px #f90 solid;
border-left:5px #f90 solid;
border-top-left-radius:30px;
border-top-right-radius:5px;
border-bottom-left-radius:30px;
border-bottom-right-radius:5px;
box-shadow:inset 0 0 11px #888
}

.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important
}

/* estilos para o nome do autor do comentário */
.comments .comments-content .user a,.comments .comments-content .user{
font-style:normal;
border:0;
color:#ff1499 !important;
text-shadow:0 -1px 1px #87a;
letter-spacing:1px;
font-family:'Lilita One';
font-size:20px;
background:transparent;
padding:4px 36px;
margin-left:-8px;
border-bottom-right-radius:10px;margin-top:-2px
}

/* estilo da data */
.comments .comments-content .datetime a{
background:none !important;
font:bold 11px courier new;
float:right;
font-size:10px;
color:rgb(255,204,0);
border:0 !important
}


/* estilo do avatar */
.avatar-image-container {
min-width:75px;  /* determina um minimo de largura */
min-height:75px; /* determina um minimo de altura */
border:5px #f90 solid; /* borda */
border-radius:80px;  /* arredondamento */
padding:0 !important;
margin-left:-3px !important; 
margin-top:10px !important;
position:absolute !important;
overflow:hidden !important;
background:#f90;
}

.avatar-image-container img {
border:7px #ff1499 solid;
margin:0;
max-height:60px;
min-height:60px;
max-width:60px;
min-width:60px;
border-radius:60px;  /* arredondamento */
}
/** ==================================================================
                     TEXTO DO COMENTÁRIO 
 ====================================================================**/

.comments p{
font-size:12px !important;
font-family:trebuchet ms !important;
text-shadow:0 1px #000 !important;
padding-left:40px !important;
color:#eee !important
}

/** ==================================================================
                     BOTAO - RESPONDER
 ====================================================================**/

/* botao responder do segundo nível */
.comments .continue a {
background: #f90 !important;
color:#000 !important;
float:right;
padding:2px 4px!important;
height:23px;line-height:23px !important;
margin-top:-45px !important;
text-shadow:0 1px #fff !important
}

/* botao responder do primeiro nível, mais estilos para o botao do segundo 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:40px;
font-family:helvetica;
text-shadow: 0 1px #999;
border-radius: .5em;
background: #f90;
font-weight:800;
box-shadow:inset 0 1px 2px #666
}

/* botao hover*/
.comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover {
text-decoration:none !important;
padding-bottom:4px
}

/* estilos para bloco de respostas */
.comments .comment-thread.inline-thread {
background-color:transparent !important;
padding:0.5em 1em;
border-radius:5px;
border:1px #ff1499 dashed
}

.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 formatação do texto dos comments
 ====================================================================**/

.comments .comments-content a{background:#87a url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;padding-right:3px;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:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}
/** ==================================================================
          Fim [by Gizaa// http://candylland.blogspot.com]
 ====================================================================**/

***atualizados e corrigidos em 01/04/2012***

Proibido reblogar

♥ Compartilhar no WhatsApp

tutoriais

Quer dar um up no seu blog, loja ou marca?
Entre em contato.
Personalização de blogs, lojas virtuais(Elo7,Iluria) e sites no blogger.
Identidade visual (Cartões de visita, etiquetas, folhetos, papel timbrado, e muito mais!)
Crio sua marca e papelaria personalizada com qualidade, venha conferir!

quinta-feira, fevereiro 09, 2012

Espia só o que tenho feito:

personalizando os comentarios novos (tutorial blogger)

Gostou do que viu? Tem alguma dúvida ou gostaria de deixar sua opnião? Comente abaixo :)

Curta!

Marcadores

Populares

Views