Grafik vor jeder Überschrift

florian3310

Ich würde gerne eine kleine Grafik (z.B. einen Stern auf 40x40 Pixel) standartisiert vor jeder Überschirft meiner Beiträge angezeigt haben.

Das Ganze soll dann praktisch so aussehen:
*Sterngrafik* Beispielüberschrift

Wie könnte ich so etwas am besten umsetzen?

Vielen, vielen Dank für eure Hilfe,
Flo

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

telekommander

... zum Bleistift so:

Wenn die Überschrift so aussieht oder aussehen würde:

HTML

<h2 class="stern">Überschrift</h2>

Dann dieses CSS Bsp. für diesen <h2>-Tag mit eigener Klasse.

Code

h2.stern {
background: url('pfad/zu/deinem/stern.jpg') 0px 0px no-repeat;
padding-left:50px;
}

Mit den zwei "Nullen" hast du die Möglichkeit die Position des Bildes zu manipulieren.
Soll heissen, die erste Angabe ist die Position von Links, die zweite von oben.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Grafik vor jeder Überschrift

Jetzt mitmachen!