ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font:normal 16px georgia,times,serif; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:9px; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p { font-size:11px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}Basis-Threaded-Kommentare-Styling
Chris Coyier am
Das war ein sehr nützliches Stück Code, danke für das Teilen!
gg
Ich benutze diesen Artikel IMMER… aber endlich musste ich diesen hier damit verwenden
http://www.scriptygoddess.com/archives/2009/01/15/wordpress-wp_list_comments/
Wow, das könnte sehr hilfreich sein.. hoffe, es gleich anwenden zu können.
Ich auch!
Lass nicht zu, dass faltige Haut, Akne und Geschwüre dein Aussehen beeinträchtigen, behandle sie sofort mit Gluta Drink.
Nutzen von Gluta Drink Milch sind erwiesen und nur das Original Gluta Drink erhalten Sie bei
Distributor Gluta Drink Yogyakarta
Danke für die Informationen
Danke. Dieser Teil des Codes ist schwierig.
Du hast mir viel Zeit gespart! Vielen Dank!
Neulich habe ich eine Frage dazu gestellt, wie man so schöne Kommentarbereiche gestaltet…. Ich habe gerade ein wenig über die Modifizierung von Textfeldern und Eingabefeldern herausgefunden…
Vielen Dank!!!
Toller Beitrag, wirklich nützlich
Wie immer, ein äußerst hilfreiches und geradliniges Beispiel, das sehr gut anpassbar ist.
Sie, mein Herr… sind eine Legende!
Auch wenn ich erfahren in der Frontend-Entwicklung bin, war das Verschachteln von Kommentaren ziemlich knifflig zu verstehen.
Hallo, ich brauche ein schönes, auffälliges Design für die Kommentare auf meinem Forum,
nur das Design, keine Programmiercodes, irgendwelche Vorschläge??
Chris,
Basierend auf Ihrem CSS hier habe ich schnell eine schöne und saubere SCSS-Version Ihres WordPress-Kommentar-Stylings erstellt, für diejenigen, die es brauchen. Schauen Sie es sich an unter https://gist.github.com/4391954
Kann mir jemand bitte helfen, das Kommentarformular für WordPress so zu gestalten, dass es dem auf dieser Seite ähnelt? Das Formular passt nicht richtig auf die Seite und ich werde frustriert. Jede Hilfe wäre sehr willkommen.
Ich möchte fragen, ob ich auch versucht habe, verschachtelte Kommentare in WordPress zu machen, ich habe es codiert, aber es erscheint immer noch auf derselben Zeile, nicht verschachtelt. Aber als ich es mit Ihrem gegebenen CSS gestylt habe, funktioniert es und zeigt sich im verschachtelten Stil. Meine Frage ist also, ob Styling auch für verschachtelte Kommentare mit Coding erforderlich ist. Kann das ohne Styling gemacht werden.