Essentially, add the score as a CSS class to the <li>
that contains a given comment. So instead of:
<li class="comment">
We'd have:
<li class="comment score3">
Maybe even add in moderation types:
<li class="comment score3 modInsightful">
This allows people to place custom styles on comments
based on the moderation score. The simplest concept
here is to make the comments "color coded" based on the
score, so something like:
.score3 div.commentTop { background-color: #FF0; }
.score4 div.commentTop { background-color: #8F0; }
.score5 div.commentTop { background-color: #0F0; }
Or to do other nifty things with the score:
.score5 div.commentTop div.title:after { content: "<img
src='goldstar.gif'>"; }
Something similar could be done for subscribers to
allow people to make their comments stand out (or not,
depending on mood :) ). So you could ultimately have:
<li class="comment score3 modInsightful subscriber">
The best thing is that Internet Explorer actually
properly supports this feature!
Logged In: YES
user_id=288856
Something to consider when we redo the comment display system in a few
months.