Tutorial kotak comment berwarna dan gambar rounded comment avatar

Ada sorang request tutorial kotak comment berwarna macam zuhri dengan gambar bulat tu

mesti dia nak tutorial comment cam ni

heheh kejap

ikut step

mula-mula

Dashboard ----> Template ----> Edit html

dengan menggunakan ctrl + f serentak ..

cari kode ni }]]></b:skin>

dah ?

lepastu 

kalau untuk avatar gambar rounded bulat tu

korang just copy code ni

.avatar-image-container,

.avatar-image-container img {

margin-top:-3px;

max-width: 50px !important;

width: 50px !important;

max-height: 50px !important;

height: 50px !important;

padding: 0 !important;

border: 0px;

-webkit-border-radius: 999px;

-moz-border-radius: 999px;

border-radius: 999x; }

.avatar-image-container{

border:3px solid #fff !important;

-webkit-box-shadow: 0 1px 2px #BBB;

-moz-box-shadow: 0 1px 2px #BBB;

box-shadow: 0 1px 2px #BBB; }

.comment-body-author {

background:#FF7700;

color:#000000;

alpha (opacity=50); -moz-opacity: 0.50; opacity: 0.50;

margin: 0;

font-size: 11px;

margin-top: 10px; /*position*/

padding: 5px;

border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

-webkit-border-radius: 10px 10px 10px 10px;

}

dah ? paste code tu dekat atas code yang korang cari tu

untuk kotak comment berwarna plak 

sama je step 

coding je lain

#comments-block{margin:0;padding:0;}#comments-block .comment-author{background:#62A9FF !important;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;padding:5px;font-size:13px;font-weight:bold;border:1px solid #000000;}#comments-block .comment-body{margin: 0;font-size: 13px;border-left: 1px solid #000000;border-right: 1px solid #000000;margin-top: -5px; /*position*/padding: 5px;}#comments-block .comment-footer{margin:0;font-size: 13px;font-weight: normal;margin-bottom: 20px;border-left: 1px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;margin-top: -12px; /*position*/padding: 5px;}#comments-block .deleted-comment{font-style:italic;color:gray;}#comments-block .comment-author a{color:#00000!important;}#comments-block .comment-footer a, .comment-body a{color:#000000 !important;}

paste code kotak comment tu

dekat atas code yang korang cari tadi ok

Note : untuk warna biru code kotak comment tu

korang ganti dengan code color yang korang suka ok

untuk border tu

Yang warna merah ganti dengan code background yang korang suka ok

settle ? save lah ..

Kalau jadi comment ok