Wie man ein Bild Überschrift auf Live Journal

Während Text Überschriften in Blogs traditionelle sind, kann eine Bild-Überschrift einen Blog mehr ästhetisch ansprechend zu machen sowie geben einen kreativen Einblick in die Art des Materials, dass die Blog umfasst. Einfügen einer Bild-Überschrift in einem LiveJournal-Blog erfordert einige grundlegende HTML-Programmierung, aber die kurze Anstrengung lohnt. Ob ein Firmenlogo oder ein original-Gemälde, hebt sich eine interessantes Bild-Überschrift von Text-schwere Entsprechungen, die dringend benötigte auf ein Blog Zugriffszahlen können.

Anweisungen

1 Sicher ist das ausgewählte Bild in einem gültigen Format (z. B. jpg) und das Bild in einer Bild-hosting-Site hochgeladen wurde, das Fernladen, wie Bild Cave erlaubt. Melden Sie sich im Journal zu leben. Klicken Sie im Abschnitt "Journal anzeigen" auf die "Benutzerdefinierte Optionen" tab. Wählen Sie die "Custom CSS" Option.

2 Fügen Sie folgenden Code:

{.headerimage}Höhe: 150px;Hintergrund-Bild: Url ("http://example.com/headerimage.png & Quot;)! wichtig;Background-Repeat: keine-Repeat! wichtig;Background-Attachment: Scroll! wichtig;Background-Position: Center! wichtig;

Margin-Bottom: 15px;

}3

Bearbeiten Sie die Höhe Anzahl (150 in diesem Beispiel), so dass die Anzahl die Pixelhöhe des ausgewählten Bildes entspricht. Ersetzen Sie die URL (als http://example.com/headerimage.png), mit der URL der Site, auf denen das ausgewählte Bild gehostet wird.

Tipps & Warnungen

• Den Text am unteren Rand des Codes (Margin-Bottom: 15px;) ist optional. Es wird verhindert, dass das Bild direkt gegen den Inhalt der Zeitschrift ohne Leerzeichen gesetzt wird. Wenn Sie den Abstand zwischen dem Inhalt und Header-Bild behalten möchten, kann die Zahl 15 angepasst werden wie gewünscht.