Comments on: Highlight Your Comments

By: gpcfzuomy rkqd

gpcfzuomy rkqd — Thu, 26 Jun 2008 18:20:49 +0000

kcsobalhn crzg ecsbznmv iumfst bamh refqxwjd tvndraz

By: Alternating Comment Styles

Alternating Comment Styles — Sun, 01 Jun 2008 15:00:48 +0000

[...] on from last weeks post on highlighting your comments, I figured another useful post would be about setting up your comments to have alternating styles. [...]

By: Links Only Your Mother Could Love - This Month In SEO - 5/08 | TheVanBlog | Van SEO Design

Fri, 30 May 2008 23:17:52 +0000

[...] Highlight Your Comments [...]

By: Behrad

Behrad — Fri, 30 May 2008 10:46:22 +0000

Yes, and a big thanx to Sarah for helping me out!!

By: Sarah

Sarah — Fri, 30 May 2008 10:31:57 +0000

Seems like we’ve fixed Behrad’s issue in that the new mycomment CSS class was being specified before the comment class CSS, which would mean the second class would override the first. I’ve updated the post to point this out too.

Got there in the end

By: Behrad

Behrad — Fri, 30 May 2008 09:38:54 +0000

Sarah,
This doesn’t seem to work.. I’ve changed the second line to what you suggested but I don’t understand the second part….

Do I have to insert this line => ?
If so, where do I have to insert it..

And in my Stylesheet I still have this:
–
div.mycomment {
clear: both;
width: 98%;
background: #73BE1E;
padding: 4px;
margin-bottom: 8px;
}
–

Do I need to change this or what?
Thnx for your time and answers btw!

By: Sarah

Sarah — Fri, 30 May 2008 07:10:39 +0000

Behrad,

You need to change the second line of the code you posted in that text file from

Which should then give you the output for your own comments as

As you’ve already got a class attribute in the div my original code has been altered slightly as you don’t need to output a second class attribute, just put the two classes in the same attribute.

Let me know if that works

By: Behrad

Behrad — Thu, 29 May 2008 21:33:14 +0000

Hmmm..Sorry!
I see that I can’t insert the relevant code in my comment so I’ve put the relevant code here:
http://www.bioteck.net/comments.txt

By: Behrad

Behrad — Thu, 29 May 2008 21:30:30 +0000

Sarah,
I have tried what you wrote, but I can’t get it working..
I’ve added the code like this:

and then styled the div.mycomment (I copied my div.comment elements and only changed the background colour) like this:
div.mycomment {
clear: both;
width: 98%;
background: #73BE1E;
padding: 4px;
margin-bottom: 8px;
}

So, again, what am I doing wrong?
Here’s the relevant code of my comments.php:
–

comment_approved == ‘0′) : ?>
Thank you for your comment. Your comment is now awaiting moderation.

wrote on –

–
I hope this will help…

By: Sarah

Sarah — Thu, 29 May 2008 21:08:04 +0000

Hi Behrad, without seeing your comment PHP code (or the bit where you’ve put the code I posted above) I can’t say for certain why it’s not working however my guess would be that it’s because your comments are not structured using a list but divs. Looking at the source code of one of your posts, each comment is surrounded by a div eg

This is what you would need to find in your comments.php file and then add

user_id == get_the_author_ID()) echo ' mycomment'; ?>

Before the second double quote. Then in your CSS stylesheet you would style div.mycomment.

If that doesn’t make sense then you’ll need to post up the relevant code from your comments.php file so that I can see it and then explain where to put the code.

By: Behrad

Behrad — Thu, 29 May 2008 18:34:06 +0000

Hello Sara,

Nice article! I just tried to do what you told, but nothing happened.
I put the code you mention in my comment.php instead of the “old” code.
Then I put li.mycomment in my css and styled it, but then again nothing happend.
So what am I doing wrong? Can you help me please?

By: Sarah

Sarah — Wed, 28 May 2008 20:41:59 +0000

Hi Gedet, can you post up the code you’ve used plus a bit of the surrounding code then I can see what you’ve done and spot any mistakes if there are any. Although, looking at your site code, it doesn’t look good to start with. You’ve got images in between list item tags, and your author highlight uses a surrounding div by the looks of things, and not a simple class.

As for my last statement. The code adds a class of ‘mycomment’ to the list item, so in your CSS you would then target your comments as the post author by styling li.mycomment in your stylesheet.

By: gedet basumatary

gedet basumatary — Wed, 28 May 2008 18:35:29 +0000

Hi Sarah, thanks for sharing this trick. Currently I use plugin to highlight the author comment.
I tried your method, put the code you mention in the 15th line but nothing happen.
and what does the last statement “You can then style the mycomment class in your CSS file to distinguish it.” means???
I really need to put this trick in my blog, would appreciate if you can help thoroughly.

Thanks
gedet basumatary
http://gedetbasumatary.com

By: Sarah

Sarah — Wed, 28 May 2008 06:57:56 +0000

@Aaron – I got it

@Nick – Go for it! And if you get stuck leave a comment here or sign up to the Blogging Tips forum and ask away in there (where you’ll find me to)

By: Nick

Nick — Tue, 27 May 2008 23:10:35 +0000

I’ve noticed a few sites doing things like this but never really considered doing it myself. Now that the information is staring me in the face I guess I have no excuse not to!