10.09.2009
Schicke Streifen
Seit einigen Tagen ist das Blogdesign um Streifen im Hintergrund ergänzt. Das ist einfach zu realisieren und sieht, finde ich zumindest, ganz nett aus.
Wie macht man’s?
So ein Hintergund besteht aus einer kleinen Grafik, die über die css-Datei eingebunden wird. Bei mir heißt die Grafik bg.png und der Eintrag sieht so aus:
body {
...............
background: #FDF9EE url(../imgs/bg.png) repeat;
...............
}
Die betreffende Datei bei Flatpress heißt common.css.
Die Grafik ist 60×60 px groß. “repeat” sorgt dafür, das sie horizontal und vertikal gekachelt wird. 
Weil sie so gestaltet ist, wie sie gestaltet ist, werden Streifen daraus.
Weitere Infos zum Einsatz von Hintergrundbildern findet ihr z.B. hier oder hier .
Muss man die Grafik selber machen?
Muss man nicht. Ich habe mein Bild von der Seite ava7patterns. Allerdings hab ich sie noch ein wenig nachbearbeitet, damit Helligkeit und Kontrast zum Restlayout passen.
“Patterns” heißt “Muster”. Zum Finden weiterer Seiten, die solche Grafiken anbieten, ist es sinnvoll, den englischsprachigen Begriff zu verwenden. Wie so oft.
Für alle, die nicht selbst suchen wollen, gibt es jetzt ein paar Links zum Weiterstöbern:
webstandard.kulando
kollermedia
herz-apfel
webdesignledger 1
webdesignledger 2
1stwebdesigner
creativenerds
Update
Die Streifen sind nicht mehr aktuell. Weshalb steht in diesem Artikel.