Hey,
Ich hoffe, ihr seid alle gut reingerutscht! Silvester am Strand war wirklich wunderschön, man konnte kilometerweit gucken und überall war Feuerwerk. Das Schlimmste war, dass ich meine Kamera vergessen hatte. Ihr glaubt gar nicht, wie sehr ich mich geärgert habe. Zum Glück konnte ich wenigstens ein paar Aufnahmen mit der Systemkamera von einem Freund machen.
Es wäre total lieb, wenn ihr auf den Link oben in der Sidebar klickt und für mich votet! :) ♥
Das hier ist mein erstes Tutorial und ich hoffe, ich erkläre es verständlich - wirklich schwerig ist es aber nicht. Ich möchte euch zeigen, wie man seine Kommentare schöner gestalten kann, gute Beispiele findet ihr
hier
Als Erstes habe ich euch markiert, welche HTML Stellen was bewirken.
#comments-block .comment-author / #comments-block .comment-body
Hier könnt ihr beliebige Einstellungen vornehmen.
border: 1px solid #333; - einen Rahmen um den Bereich ziehen
Anstatt solid kann auch dashed für gestrichelt oder dotted für gepunktet eingesetzt werden.
background-color: #ddd; - Eine Hintergrundfarbe oder
background: url(deinlink.jpg) fixed; - ein Hintergrundmuster einfügen
text-align: center; - den Text in die Mitte rücken
font-style: times new roman; - die Schriftart einstellen
color: #333; - die Schriftfarbe einstellen
#comments-block .comment-footer
Auch hier könnt ihr Texteinstellungen vornehmen
Wer das Datum nicht eingeblendet haben möchte schreibt: display: none;
#comments h4
'h' sind immer Überschriften und ich habe euch hier die h4 Überschriften grün markiert.
Diese könnt ihr nun auch beliebig einstellen.
"Kommentare veröffentlichen"-Schriftzug ändern
Wer seine Kommentare noch ein wenig individueller gestalten möchte, kann noch an den Schriftzügen arbeiten. Dies habe ich euch bildlich dargestellt.
Klickt dafür in das Feld und drückt Steuerung(STRG) und "F". Damit aktiviert ihr ein Suchfeld, mit dem ihr leichter die Stellen findet, die wir ändern wollen.
Sucht nach h4
und findet diese Stelle:
Ersetzt nun < data:postCommentMsg/ > mit eurem Text.
Wenn ihr ein Bild einfügen möchtet, setzt ihr < img src='deinlink.jpg'/ > ein.
"...hat einen Kommentar hinterlassen"-Schriftzug einfügen
Sucht nach comments-block und findet diese Stelle:
Ich hoffe, ich konnte euch damit ein wenig weiterhelfen. Einfach fragen, wenn ihr etwas nicht versteht oder nicht wisst, wie ihr es umsetzen könnt.
Dann kann ich auch editieren, falls ich etwas vergessen habe!
