Thursday, May 7, 2009

How to add Background in the Comment form


Now you can change your Comment form Like this:


How to put
Find
#comments CSS code and then replace with this code:

#comments {
padding-top: 10px;
font-size: 85%;
line-height: 1.5em;
color: #fff;
background: #000000 url(http://socheate.googlepages.com/38792a2c-007c-4ec4-aef3-9252b504796.jpg) no-repeat top left;
}
#comments h4 {
margin: 20px 0 15px 0;
padding: 8px 0 0 40px;
font-family: "Lucida Grande", "Trebuchet MS";
font-size: 130%;
color: #fff;
background:url(http://www.blogblog.com/tictac_blue/bubbles.gif) no-repeat 10px 0;
height: 29px !important; /* for most browsers */
height /**/:37px; /* for IE5/Win */
}
#comments ul {
margin-left: 0;
}
#comments li {
background: none;
padding-left: 0;
}
.comment-body {
padding: 0 10px 0 25px;
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 10px 5px;
}
.comment-body p {
margin-bottom: 0;
}
.comment-author {
margin: 4px 0 0 0;
padding: 0 10px 0 60px;
color: #fff000;
background: url(http://www.blogblog.com/tictac_blue/comment_arrow_blue.gif) no-repeat 44px 2px;
}
.comment-footer {
border-bottom: 1px solid #ddd;
padding-bottom: 1em;
}
.deleted-comment {
font-style:italic;
color:gray;
}



Related Posts by Categories



Widget by Hoctro | Jack Book

0 comments:

Post a Comment

 

©2009 daily news | by TNB