Tutorial:Cantikan comment box







Hye semua :D
Asalamualaikum ^_^
sehat?
nak ajarkan ni macam mana nak buat comment box cantik 2 !
macam comment box xiao tapi simple2 je!
hahah!
nak tahu carannya?
okays mula2!
dengan menggunakan dashboard<design<edit html tick kotak expand widget templats!
dengan menggunakan ctrl+f cari kode ni

]]></b:skin>

mudah kan?
pastu copy code ni paste dekat atas kode tadi k!
#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#333333 !important;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding:5px;
font-size:15px;
font-weight:bold;
border:1px solid  #CCCCCC;
}
#comments-block .comment-body{
margin: 0;
font-size: 17px;
border-left: 1px solid  #CCCCCC;
border-right: 1px solid  #CCCCCC;
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  #CCCCCC;
border-right: 1px solid  #CCCCCC;
border-bottom: 1px solid #CCCCCC;
-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:  #CCCCCC !important;
}
#comments-block .comment-footer a, .comment-body a{
color:  #FF0099 !important;
}
senang kan?
kalau siap save lah sekali k bye




Subscribe to: Post Comments ( Atom )