Tutorial: Cute kan comment box

Okie.. Now jum wat comment box kte cute miut ;))
Follow je bwh niy.. Ta susa pn laa.. Hee ^^

1st step:
Mcm bese pegi ke DASHBOARD > DESIGN > EDIT HTML n tick EXPAND WIDGET.. Da tuw, 
click CTRL + F serentak n find this code k ;))
/* Comments
 2nd step:
Okey da jumpe kan kan?? Kat bwh die ad ank2 code btl ta?? U'all erase je ank2 code tuw then gnti kan dgn code kt bwh niy k..
#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
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 .60em;
padding: 5px 5px 5px 5px;
background: url(URL IMAGE BACKGROUND) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #F97E7E;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
MERAH:  Utk url image background yg u'all nk ltak at commnt box u'all..
UNGU: Border commnt box if u'all nk tuka kan jd dashed or dotted pn bole ;))
BIRU: Yg niy pla utk color border commnt box.. Code wrna blh dpt kt SINI..

Da suda?? PREVIEW dlu then SAVE laa.. Da gne tuto niy btau la nes k.. Mau tau baa ^^

0 Comment(s):

Post a Comment

 
Copyright © 2016 KNISAZIZ. All rights reserved.