Saturday, July 31, 2010

Tutorial ; Customize Comment Box



before
after

Step 1 : Design > Edit HTML > Expand Widget Template

Step 2 : Search code di bawah
]]></b:skin>

Step 3 : Copy + paste code ni kat atas code di atas tau
#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#FBBBB9 !important;

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


padding:5px;

font-size:12px;

font-weight:bold;

border:1px solid  #ffffff;
}
#comments-block .comment-body{
margin: 0;

font-size: 12px;

border-left: 1px solid  #ffffff;
border-right: 1px solid  #ffffff;
margin-top: -5px; /*position*/

padding: 5px;
}
#comments-block .comment-footer{
margin:0;

font-size: 10px;

font-weight: normal;

margin-bottom: 10px;

border-left: 1px solid  #ffffff;
border-right: 1px solid  #ffffff;
border-bottom: 1px solid #ffffff;

-moz-border-radius-
bottomright: 10px;
-moz-border-radius-bottomleft: 5px;

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

padding: 5px;
}
#comments-block .deleted-comment{
font-style:italic;
color:gray;
}
#comments-block .comment-author a{
color:  #F52887 !important;
}
#comments-block .comment-footer a, .comment-body a{
color:  #F52887 !important;
}

Step 4 : code yg kaler merah tu korang bole tukar . actually tu kod utk kaler box & font comment korang . pilihan kaler bole tengok kat sini okayy :)

Step 5 : save la ! hehe .

so , camane ? jadi tak ?

p . s ; credit to CAHAYA .


Kasi komen sikit k?

Post a Comment
 
back to top Blacy Smiley - Haha Bucktooth