Top
Home

Stuff for Comment Form Loop

This is the loop for a gage where you want comments. It includes the loop plus css.



###########################################################
###########################################################
###########################################################
###########################################################Loop and everything for Div
###########################################################
###########################################################
###########################################################
###########################################################

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><?php the_title(); ?></h1>
<i><?php the_author(); ?> | <?php the_time('F j, Y'); ?> | <?php the_category(', '); ?></br></i>
<p><?php the_content( $more_link_text, $strip_teaser, $more_file ); ?></p>
<div id="formit">
<?php comment_form( $args, $post_id ); ?>
<ol class="commentlist">
<?php
$post_id = get_the_ID();
$comments = get_comments(array(
'post_id' => $post_id,
'status' => 'approve'
));
wp_list_comments(array(
'per_page' => 10,
'reverse_top_level' => false
), $comments);
?>
</ol>
</div>
<div style="clear:both"></div>
<?php edit_post_link('<font color="red">+</font>','',''); ?>
<?php endwhile; else: ?>
<?php _e('Sorry, no posts matched your criteria.'); ?>
<?php endif; ?>


###########################################################
###########################################################
###########################################################
###########################################################most of the css
###########################################################
###########################################################
###########################################################
###########################################################

/*Comment List Container*/
.commentlist{
text-align:left;
padding-left:0px;
}
#formit{
margin-left:0px;
background-color:#transparent;
text-align:left;
padding:0px;
border:0px solid blue;
width:290px;}

#formit label{
padding-right:10px
}
.commentlist a:link{color:#429801;font-size:23px;}
.commentlist a:visited{color:#429801;}
.commentlist a:hover{color:#990000;}

/*Date and time strip*/

.commentmetadata{
width:100%;
padding:4px;
font-size:10px;
}

.commentmetadata a:link{font-size:10px;}
.commentmetadata a:visited{font-size:10px;}
.commentmetadata a:hover{color:#990000;font-size:10px;}

/*Author strip*/

cite.fn{font-size:15px;color:#ffffff;}
.says{font-size:15px;color:#ffffff;}
.comment-author{
padding:4px;
background-color:#eeeeee;
color:#ffffff;
width:90%;
}

.comment-author a:link{font-size:15px;color:#ffffff;}
.comment-author a:visited{font-size:15px;color:#ffffff;}
.comment-author a:hover{font-size:15px;color:#ff0000;}

.says{font-size:15px;color:#ffffff;}
.comment-author{
padding:4px;
background-color:#429801;
color:#ffffff;
width:90%;}

/*body text of Comment*/

.commentlist p{color:#888888;font-size:15px;}

/*Reply strip*/

.reply{
background-color:#ffffff;
font-size:15px;
padding:4px;
border-bottom:0px solid black;width:100%;}

.reply a:link{font-size:15px;}
.reply a:visited{}
.reply a:hover{color:#990000;}

/* individual comment boxes */

.comment-body{
background-color:#transparent;
padding:4px;
border:0px solid red;
margin:0px;
width:100%;}

textarea#comment {
width:90%;
font-size:14px;
height: 120px;
border: 2px solid #336633;
padding: 2px;
font-family: Tahoma, sans-serif;
background-image: url(bg.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

#formit input{
border: 3px solid #cccccc;
font-size:14px;
padding: 2px;
font-family: Tahoma, sans-serif;
background-image: url(bg.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

input.buttons {background-color: #429801;
font-weight: bold;
font-size: 12px;
color: white;}

#respond h3{color:#429801}
#respond {text-align:left;
border-top:2px solid #cccccc;
margin-left:0px;
padding-top:4px;
width:90%;
border:0px solid black;}

.comment-form-author,
.comment-form-email,
.comment-form-url{text-align:left}

.comment-form-author,
.comment-form-email,
.comment-form-url{
text-align:left;
font-family:sans-serif;
font-size:12px;
font-weight: normal;
color: #1C4862;
border:1px solid black;
}