Melicious

Cantikkan Kotak Comment

Hello guys ! Hari ni mila nak wat tuto cantikkan kotak comment . Tuto ni direquest oleh effa nadia . dan tuto ni saye amik dari kak nana :)) Okey jom buat sekranggggg~~~

1.Dashboard-Design-Edit HTML
2.Tekan CTRL+F dan cari code bawah ni

/* comment

3.Dah jumpe ? Delete code bawah ni

#comments h4 {
margin: 1em 0;
color: #999999;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
Dah delete? Ganti dengan code bawah ni

#comments h4 {
margin: 1em 3em;
font-weight: bold;line-height: 1.4em;
}
#comments-block {
margin-left:1.5em;line-height:1.6em;
background: #ffffff;
color: black;padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background:#ffffff;}
#comments-block .comment-footer {margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em; padding: 20px 10px 10px 10px;
background: #f3a64c url(
URL BACKGROUND
) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 1px solid #F5A9A9;
}

Teka-teki;
warna merah tu url background kotak komen korang .

Labels: Tutorial

Post a Comment