888888.888888.88""Yb..dP"Yb..8888b..Yb..dP.88b.88....db....8b....d8.88..dP""b8..dP"Y8
88__...88__...88__dP.dP...Yb..8I..Yb.YbdP..88Yb88...dPYb...88b..d88.88.dP...`".`Ybo."
88""...88""...88"Yb..Yb...dP..8I..dY..8P...88.Y88..dP__Yb..88YbdP88.88.Yb......o.`Y8b
88.....888888.88..Yb..YbodP..8888Y"..dP....88..Y8.dP""""Yb.88.YY.88.88..YboodP.8bodP'


88b.88.888888.888888.Yb........dP.dP"Yb..88""Yb.88..dP
88Yb88.88__.....88....Yb..db..dP.dP...Yb.88__dP.88odP.
88.Y88.88"".....88.....YbdPYbdP..Yb...dP.88"Yb..88"Yb.
88..Y8.888888...88......YP..YP....YbodP..88..Yb.88..Yb

December 10, 2008

Last week I heard about the difficulties that themers face in trying to effectively style the new threaded comments. There are a lot of nested lists and div tags, the hcard microformat for the commenter’s details and variable classes to give you a lot of styling options. On the surface they can seem pretty confusing but when you lay them out it is actually quite straightforward. The image below contains a breakdown of the html elements, the IDs and the classes that are applied to the various parts of the default 2.7 comment output.

2.7 Comment Structure

Where a number is inserted I have used n. For example, comment-n, or depth-n. It is also worth noting that many of classes are variable, that is, even/odd, byuser, bypostauthor, and so on will only be the case if the comment is numbered odd or even, if a user has commented, if the post author has commented. There are a number of other classes like this. It should be clear which ones are which.

In the main image about I haven’t included all the detail of the comment form itself. I have included that in here:

27commentform

If you have any questions or comments on this on this please let me know.

Wordpress Chat
Wordpress chat?
3 comments
page 1308
Post Image The Easy Peasy Way
How to receive an image using post php?
26 comments
page 1065
Fun With Sidebar Tabs Styling
Tabs sidebar box?
2 comments
page 336
Post Image The Easy Peasy Way
Wordpress attachment url?
26 comments
page 1065
How To Add Sidebars To A Theme
How to register sidebar in wordpress?
10 comments
page 1053
Fun With Sidebar Tabs Styling
Alternate css in wp sidebar widgets?
2 comments
page 336
Using Your Own Url Shortener
Short url?
4 comments
page 1190
Post Image The Easy Peasy Way
Attachment picture in comments?
26 comments
page 1065
Doing More With Widgets Changing Layouts
Registersidebarwidget thematic?
6 comments
page 28
Using Your Own Url Shortener
Short links wordpress htaccess?
4 comments
page 1190
Html 5 Gallery
Html5 wordpress theme?
6 comments
page 1305
Updating Code Snippets Here
Fun wordpress sites?
no comment
page 1338
Dont Mess With My Toot Toot
Fun with toots?
15 comments
page 599
Dont Mess With My Toot Toot
Fun with toots?
15 comments
page 599
Post Image The Easy Peasy Way
Wordpress hook image size?
26 comments
page 1065
Post Image The Easy Peasy Way
Wp image get link of attachment?
26 comments
page 1065
Post Image The Easy Peasy Way
Wp get post attchements?
26 comments
page 1065
Photoshop Design Framework
Photoshop framework?
3 comments
page 296
Updating Code Snippets Here
Fun with wordpress?
no comment
page 1338
Post Image The Easy Peasy Way
Find the one we want based on its characteristics?
26 comments
page 1065
Why I Ditched Disqus
Disqus limitations?
5 comments
page 1175
Quick N Dirty Admin Login Screen
Login page css?
no comment
page 128
Quick N Dirty Admin Login Screen
Login page css style?
no comment
page 128
Wp Polls Reviewed
Different templates in wppolls?
one comment
page 58
Post Image The Easy Peasy Way
Php code add attachment wordpress?
26 comments
page 1065
Wordpress Chat
Chat para wordpress?
3 comments
page 1308
Photoshop Design Framework
Framework to photoshop?
3 comments
page 296
Post Image The Easy Peasy Way
Php get attachment from post?
26 comments
page 1065
Are Child Themes The Best Option
Wordpress thematic html5 child theme?
15 comments
page 1262
Are Child Themes The Best Option
Wordpress thematic html5?
15 comments
page 1262
Why I Ditched Disqus
Better than disqus?
5 comments
page 1175
Post Image The Easy Peasy Way
Wordpress imaged default url?
26 comments
page 1065
Are Child Themes The Best Option
Wordpress thematic html5?
15 comments
page 1262
  1 query every 1067 seconds, updated 1 seconds ago.
Monday, 2pm
 __
(__)
   `

 Wordpress 2.7 ??????? – Betty

[...] ??????????????????????? Wordpress 2.7 ?????????????????????????????????????????????????????? ^^ [...]

Wednesday, 11pm
 __
(__)
   `

 Slimmity

thanks alot :D now hope i can finaly finishi my them :)

Wednesday, 11pm
 __
(__)
   `

 Andrew Rickmann

Slimmity, I have added the content that is added when you hit reply in Orange on the main form, then the detail of the form itself in pink below it.

Wednesday, 10pm
 __
(__)
   `

 Slimmity

how about the comment form that is moved to the reply dive once you hit the link.. im having problems with that part :S