Information Technology Reference
In-Depth Information
14
Rules for Displaying Comments
This section separates out the Comments section from the main post, but still promotes the consis-
tent look of the blog with the same fonts. Comment headings are defined here as level 3, but it
appears a little bigger (150%) than the standard h3 heading:
h3.comments{
font-family: “Lucida Grande”, “Lucida Sans Unicode”, Arial, Helvetica, Sans,
FreeSans, Jamrul, Garuda, Kalimati;
padding: 0;
margin: 2em 0 0 0;
font-size: 150%;
}
Comments appear as an unordered list, but there are no bullets. This is courtesy of the
list-
style-type
property.
ul#comments{
margin: .6em 0 1em 0;
list-style-type: none;
padding: 0;
}
Individual comments also have no bullets.
ul#comments ul{
margin-left: 2em;
list-style-type: none;
}
If someone comments on your post in their blog using the trackback feature, it appears in a distinc-
tive way. The line is a little bit shorter than on a standard comment.
ul#comments li.comment, ul#comments li.trackback{
width: 85%;
margin: 0;
padding: 0;
}
ul#comments li.comment li.comment{
width: 100%;
}
While you can use a plugin to manage your comments (a variety of them exist), sometimes simple is
best. Just make some style definitions as is done here, let Akismet handle the spam, and you're
done.
