Yeah, thanks Piggy for posting that.. =) I have that type setup on my main blog now… Here’s the codes I’m using:
<div class="post-footer">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/comments.gif" alt=""/>
<?php if ( comments_open() ) {
comments_popup_link( "Add Comment", "1 Comment", "% Comments", "Comments" ); } else { ?><img class="commoff" src="<?php bloginfo('stylesheet_directory'); ?>/images/comments-off.gif" alt=""/>Comments Off
<?php } ?>
</div>
Here’s the CSS codes for it in the style.css file.. just grab the imagery from my blog…
/**conrols commentoff text
**************************/
.post-footer{
font-family: Verdana, Helvetica, Arial, sans serif;
font-size: 11px;
font-weight:bold;
color:#000000;
letter-spacing:0px;
text-decoration:none;
padding-left:5px;
}
.post-footer a{
font-family: Verdana, Helvetica, Arial, sans serif;
font-size: 11px;
font-weight:bold;
color:#000000;
letter-spacing:0px;
text-decoration:none;
}
.post-footer a:visited{
font-family: Verdana, Helvetica, Arial, sans serif;
font-weight:bold;
font-size: 11px;
color:#000000;
letter-spacing:0px;
text-decoration:none;
}
.post-footer a:hover{
font-family: Verdana, Helvetica, Arial, sans serif;
font-weight:bold;
font-size: 11px;
color:#811010;
letter-spacing:0px;
text-decoration:underline;
}
.comm, .commoff {
margin: 0 0 0 -21px;
background: url(images/comments.gif) no-repeat 0 0px;
}
.commoff {
background: url(images/comment-off.gif);
}
I hope this helps..
spencerp