5 de julho de 2013

estilo de comentarios-costuradinho

oie fofuras,hoje eu trouxe um tutorial muito lindinho é deixar os comentarios do blog com aparencia de custuradinho parecido com os comentarios do cherry Bomb.Vamos ao tutorial siga certinho. clique em leia mais para ver.                                        
                                                                                          procure por /* Comments
apague todo o código que aparecer até o começo do próximo e no lugar cole:                                        

#comments h4, #comments .comment-author a, #comments .comment-timestamp a {
color: #ff5964;
font-family: reina;
font-size: 18px;
background: url('http://i49.tinypic.com/35i7gvk.jpg') no-repeat left;
height: 26px;
line-height: 26px;
padding-left: 30px;
font-weight: normal !important;}
#comments {
background: white none repeat scroll top center;
padding: 15px;
}
.comments .comment-block { margin-left: 70px;}
.comments .comments-content .comment-content{
margin-top: -5px;
position: relative;
background: #f4f4f4;
border: 1px solid #e4e2e2;
padding: 10px;
color: #5e5e5e;
font-size: 11px;
}
.comment-header {
color: #ff5964;
padding: 5px;
background: #4b2512;
background: -moz-linear-gradient(top, #4b2512 0%, #2d130b 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b2512), color-stop(99%,#2d130b));
background: -webkit-linear-gradient(top, #4b2512 0%,#2d130b 99%);
background: -o-linear-gradient(top, #4b2512 0%,#2d130b 99%);
background: -ms-linear-gradient(top, #4b2512 0%,#2d130b 99%);
background: linear-gradient(to bottom, #4b2512 0%,#2d130b 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b2512', endColorstr='#2d130b',GradientType=0 );
outline-offset: -3px;
outline: 1px dashed #fff;
}
.comment-header a {
color: #ff5964 !important;
font-size: 14px;
font-weight: normal;
text-shadow: 1px 1px 1px #1f0f07;
-moz-text-shadow: 1px 1px 1px #1f0f07;
}
.comment-header a:hover {
color: #fff !important;}
.comments .comments-content .datetime a{
font-size: 10px !important;
float: right;
line-height: 16px;}
.comments .comment .comment-actions a {
padding-right: 5px;
float: right;
font-family: basically;
font-size: 14px;
color: #fa5862 !important;
font-weight: normal;
text-shadow: 1px 1px 1px #d7d7d7;
-moz-text-shadow: 1px 1px 1px #d7d7d7;
}
.comments .comment .comment-actions a:hover {
font-style: normal !important;
color: #4b2512 !important;
text-decoration: none;}
.comments .avatar-image-container {
max-width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;
background: #ff5964;
padding: 5px;
outline-offset: -3px;
outline: 1px dashed #fff;
}
.comments .avatar-image-container img{
max-width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;
}
.comments .continue a {
font-family: basically;
font-size: 14px;
color: #fa5862 !important;
font-weight: normal;
text-shadow: 1px 1px 1px #d7d7d7;
-moz-text-shadow: 1px 1px 1px #d7d7d7;
float:right;
padding:3px !important;
margin-right: 10px !important;
}
.comments .continue a:hover {
font-style: normal !important;
color: #4b2512 !important;
text-decoration: none;}
/******FIM COMENTÁRIOS******/
                                                                                                                                                                                            

Um comentário: