unit300021: Externe Kommentarfunktion für Website mit JS-Kit, Anpassung

Beitrag lesen

Hej,

ich möchte auf meiner statischen Homepage eine Kommentarfunktion einfügen, was mit js-Kit möglich ist.

Mittels Code läßt sich das einfügen.

<div class="js-kit-comments" permalink=""></div>
<script src="http://js-kit.com/comments.js"></script>

Dieses Ergebnis gefällt mir aber nicht, auf der Homepage gibt es Anpassungen.

Interessant für mich ist das:

Sie können den Standardtext "Hinterlassen Sie einen Kommentar" durch das label-Attribut überschreiben:
<div class="js-kit-comments" label="Kommentieren Sie dieses Foto"></div>
<script src="http://js-kit.com/comments.js"></script>

und das:

Sie können mehrere Kommentarblöcke auf ein und derselben Seite haben. Verwenden Sie eine einzige Pfadangabe über das Attribut path für jeden Kommentarblock:
<div class="js-kit-comments" path="blogEntry1"></div>
...
<div class="js-kit-comments" path="blogEntry2"></div>
...
<div class="js-kit-comments" path="blogEntry3"></div>
...
<script src="http://js-kit.com/comments.js"></script>

Einzeln funktionierte alles super. Verknüpft nie. Ich weiß nicht, an welchen Stellen ich es noch versuchen soll.

Dann hatte das fertige Tepmplate benutzt:

Durch Templates können Sie das Design der Kommentareinträge vollständig verändern:
<div class="js-kit-comments" style="display: none">

<!-- Template für einen einzelnen Kommentareintrag. Dieses Template ist optional. -->
<div class="js-singleComment">
<div class="js-singleCommentBg">

<div class="js-singleCommentINFO">
<div class="js-singleCommentName">{Name}</div>
<div class="js-singleCommentDate">{Date}</div>
<div class="js-singleCommentDate">{Time}</div>
<div class="js-singleCommentControls">
<span class="js-singleCommentReplyable">
[<a class="js-singleCommentReply">{Label:reply}</a>]</span>

<span class="js-singleCommentDeletable">
[<a class="js-singleCommentDelete">{Label:delete}</a>]</span>
</div>
</div>
<div class="js-singleCommentRating"></div>

<div class="js-singleCommentText">{Text}</div>
<div style="clear: both"></div>
</div>
</div>

<!-- Template für einen "Erstellen Sie einen Kommentar"-Dialog. Dieses Template ist optional. -->
<div class="js-CreateComment">
<div class="js-CreateCommentBg">

<div class="js-commentFieldSubject">{Label:leaveComment}</div>
<div class="js-commentFieldLabel">{Label:nameLabel}</div>
<div><input name="js-CmtName" /></div>
<div class="js-commentFieldLabel js-commentRatingDisplay">{Label:ratingLabel}</div>
<div class="js-commentFieldRating js-commentRatingDisplay"></div>

<div class="js-commentFieldLabel">{Label:emailLabel}
<div class="js-commentFieldNote">{Label:emailNote}</div>
</div>
<div><input name="js-CmtEmail" type="email" /></div>
<div class="js-commentFieldLabel">{Label:commentLabel}</div>
<div><textarea name="js-CmtText"></textarea></div>

<div><input type="submit" name="js-Cmtsubmit" VALUE="{Label:submit}">
<input type="reset" name="js-Cmtcancel" VALUE="{Label:cancel}"></div>
</div><br clear="all" /></div>
</div>
<script src="http://js-kit.com/comments.js"></script>

Funktionierte auch. Nur gleiches Problem. Nicht ergänzbar.
Kann mir bitte jemand mitteilen, wie ich dies für mehrfache Verwendung auf einer Seite umstellen kann, den Text ändern. Gerne noch die Breite des fertigen Kommentarfeldes verringern und Schriftart des 'Kommentar eintragen'-Textes ändern.

Nachvollziehen kann man es vielleicht dort besser:

http://js-kit.com/comments/custom.html

Dankesehr.