pannpann

Thanks yatrik!

Thanks guys! I didn’t expect that. I’m glad your digging it.

Chrisber: Good point! I’ve been thinking about slightly increasing the contrast, but I wasn’t sure if it was necessary. I’ll get on it, thanks ??

raptrex: There’s a tutorial over at nettuts+ to achieve the filter effect: Creating a “Filterable” Portfolio with jQuery. When you’ve got the script running it’s all about connecting it to WordPress. I simply created categories inside WordPress and the echoed them out as classes for each object in the loop. Hope that made some sense ??

Thank you Dantes, I’m glad it worked!

For questions or further support on this hack, the easiest way to find me is through twitter: pannpann.

Finally, if someone is aware of a better way to do this, any tips or feedback would be terrific.

Thanks, I didn’t even notice that. I came up with a fix — it’s a bit rough, but it works great for me. Add this before the #Comment Counter:

#Get the current comment page and calculate preceeding comments
		if ( '' === $args['per_page'] && get_option('page_comments') )
			$args['per_page'] = get_option('comments_per_page');

		if ( empty($args['per_page']) ) {
			$args['per_page'] = 0;
			$args['page'] = 0;
		}

		if ( $args['per_page'] ) {
			if ( '' == $args['page'] )
				$args['page'] = get_query_var('cpage');
		}
		$ccomp = ($args['page']-1) * $args['per_page'] ;

The final calculation, including the comment counter, looks like this:

#Get the current comment page and calculate preceeding comments
		if ( '' === $args['per_page'] && get_option('page_comments') )
			$args['per_page'] = get_option('comments_per_page');

		if ( empty($args['per_page']) ) {
			$args['per_page'] = 0;
			$args['page'] = 0;
		}

		if ( $args['per_page'] ) {
			if ( '' == $args['page'] )
				$args['page'] = get_query_var('cpage');
		}
		$ccomp = ($args['page']-1) * $args['per_page'] ;

		# Comment counter
		global $comment_num;
		if(isset($comment_num)) {
		    $comment_num++;
		} else { $comment_num = 1; }

The comment compensation is stored in $ccomp, so don’t forget to add it when printing the comment number:

<?php echo $comment_num + $ccomp ?>

Hope this works for you!

Don’t forget to add .post before the other modes as well:

.post a:link{color:#520e0f; text-decoration:underline;}
.post a:visited{color: #520e0f; text-decoration:underline;}
.post a:hover{color:#000;}

Thank you, twitter (mollstam)! This seems to do the trick. Add this in your start_el function in comment_template.php:

# Comment counter
global $comment_num;
if(isset($comment_num)) {
    $comment_num++;
} else { $comment_num = 1; }

You could also add a zero before any single digit number:

# Add 0 if less than 10
if ($comment_num < 10) $comment_num = "0".$comment_num;

Finally print the number as you prefer, for example:

<?php echo $comment_num ?>

You’ll have to change your header tags: h1 / h2 / h3 etc. What’s problematic is that the CSS file is a mess and there are a lot of properties already applied to them in a lot of different places. You could try to just search for h1 /h2 etc in style.css, but I would recommend that you download Firebug for firefox or CSSEdit if you’re a mac user. They are both excellent programs for getting a great overview over your stylesheets.

IE7 might assign default properties to the <em> tag that happens to destroy your layout.

As you haven’t defined <em> in your stylesheet, you could try to manually reset it. You could also try to use an external CSS reset.

Anyone?

Open your style.css file and find #header. You’ll have to change your height attribute from % to actual pixels as follows:

#header {
width: 100%;
background: #000;
height: 130px;
background: #FFF url(‘images/blogheader.jpg’) top center repeat-y;
}

Good luck!