#nav2{ color:#FFADD6; */#D561ED*/ display: block; padding-bottom: 1px; font-weight:bold; text-decoration:none; line-height:15px; vertical-align:middle; width: 100%; margin-bottom: 2px; font-size:9px; font-family: Tahoma; background-color:#FFEFF7; */#D561ED*/ border-top:1px solid #FFEFF7; border-left:1px solid #FFEFF7; border-right:1px solid #FFEFF7; border-bottom:1px solid #FFEFF7; padding:0px;}

terça-feira, 4 de setembro de 2012

Personalizando os comentários

Tumblr_m68qmqrbjl1qizmcqo1_500_large
(Que kawaii)
Good Night!
Esse tutorial fica muito bonito porém não é que o daqui do blog é mas extravagante fica assim:




Provavelmente o seu não ira ficar assim esse eu fiz editado!

Antes de começar fazer o backup do seu blog e para se der errado coce já ter a copia acho que não vai dar errado pois eu testei em um blog de testes.

1º Marque a caixinha expandir modelos de Widgets,tecle Ctrl + F e procure por: ]]></b:skin>.
2º Acima de ]]></b:skin> cole:


#comments h4 {
text-align: center;
display: block;
  }
.comments {margin-left:5px;
margin-right: 15px;
text-align: left;
line-height: normal;
}
#commnet-form, .comment-form{margin-bottom: 40px;}
#comments-block {
text-align: left;
margin:10px auto;
  line-height:1.6em;
  }
#comments-block .comment-author {
  text-align: left;
  margin:5px auto;
  padding:5px auto;
  }
.blog-author-comment {margin:5px auto;}
.blog-author-comment p{margin:5px auto;}
#comments-block .comment-body {
  text-align: left;
  margin:.35em 0 0 auto;
  line-height: normal;
  }
#comments-block .comment-footer {
text-align: left;
  margin:-.25em 0 2em auto;
  line-height: 1.4em;
  margin:10px auto;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
text-align: left;
margin:10px auto;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
#comments dl dd{padding: 0;margin: 0;line-height: 110%;text-align: left;}
.comment {
  background: pink; /*Cor de fundo dos comentários*/  color: mediumvioletred; /*Cor da fonte dos comentários*/  padding-right:5px;
  -moz-border-radius: 20px;  -webkit-border-radius: 20px;  border-radius: 20px;   -moz-box-shadow: 3px 3px 3px #cccccc;
  -webkit-box-shadow: 3px 3px 3px #cccccc;
  box-shadow: 3px 3px 3px #cccccc;
  -webkit-box-shadow: 3px 3px 3px #cccccc;  box-shadow: 3px 3px 3px #cccccc;}
.comment a {
color:#58093B; /*Cor dos links dos comentários*/}
.comment a:hover {
color: black; /*Cor dos links dos comentários quando o mouse passa por cima*/}
.comment-content {
margin-right: 5px;
}
.comments .comments-content .comment-header, .comments .comments-content .comment-content {
margin: 0pt 8pt 8px;
}
.comments .comments-content {
margin-bottom: -50px;
}
.comments .comments-content .comment:last-child {
padding: 8px;
}
.avatar-image-container {
  margin: 5px;
}
#commentpaging {
float:right;
}
#commentpaging a {
margin-right:5px;
}
#comments .avatar-image-container img {  border: 1px solid mediumvioletred; /*Coloca uma borda na esquerda e acima do avatar em estilo relevo, se não quiser, apague esse trecho*/}

Mecha apenas no que está em negrito no resto na na ni na não!

Créditos (www) U.Y

Pra aproveitar vou explicar uma coisa: Quando eu trouxer avatares,imagens para afiliados,png's,ilustrações para postagens eu trago uma música junto.
EX:Eu trouxe png da Katy Perry  ai eu tenho que trazer uma música dela.

Beijinhos -*


Nenhum comentário:

Postar um comentário

Regras :

-Não xingue
-Respeite o espaço dos outros
-Não fale mal do blog

Espero que comentem só são 3 regras não custa nem 1 minuto né!? :3