Bild/Pattern hinter dem Posttitel

Hi! Heute möchte ich euch zeigen, wie man hinter dem Posttitel ein Bild macht, oder ein Pattern :)

Oben seht ihr je zwei Beispiele, einmal von meinem blog (ansicht), und von meinem Testblog.

Los geht's!

1. Schritt:

Ihr sucht nach h3 in der Verbindung mit post

hier ein paar beispiele, wie es bei euch aussehen könnte:

h3.post-title, h4  {

h3.post-title, .comments h4 {

.post h3 {

.post-title {

am einfachsten ist es, wenn ihr strg + f / F3 nach 'h3' sucht, und dann weiter klickt bis ihr zur verbindung mit post(-title) kommt. Aber nur das! Nicht mit a:hover, oder ähnlichem!

2. Schritt:

Ihr braucht natürlich ein Pattern, oder ein Bild.

nun fügt ihr bei eurem h3 das hier ein:

background:url(BILD-LINK) ;

Aberaber, es ist noch nicht fertig! Pattern:

nach der Klammer gebt ihr repeat ein, dann sollte es so aussehen:

background:url(BILD-LINK) repeat;

Das braucht ihr, damit es sicht wiederholt. Wenn ihr es größer haben wollt, müsst ihr einfach

line-height:15px;

eingeben. Die Pixelzahl könnt ihr beliebig verändern. Fertig!

Bild:
Diesmal gebt ihr:

background:url(BILD-LINK) no-repeat right/left/center;

ein. das right/left/center entscheidet, wo das Bild im Posttitel hinsoll. Ich traue euch zu, das ihr wisst was das jeweils bedeutet :D

Auch hier könnt ihr mit

line-height:15px;

entscheiden, wie hoch es werden soll.

Eigentlich total einfach, oder?

Fragen, Kritik einfach in die Kommentare! ♥