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.
Kommentar hinzufügen
Die Felder Name und Kommentar sind Pflichtfelder.
12.09.2009
Mal davon abgesehen, dass ich hier keine Streifen sehe… (?)
Ich hatte auch schon mit streifen zu tun und war/bin nicht begeistert. Vor einiger zeit habe ich einem hiesigen Handwerker mal angeboten, seine Seiten zu überarbeiten. Mangels Interesse von seiner Seite ist da bislang Nichts draus geworden. Aber mein erster Entwurf, der sich eng an sein bisheriges Design anlent, ist noch online: http://www.rorkvell.de/prj/gm/
Das Original ist hier: http://www.gaeulschesmacher.de/
Der ursprüngliche Webdesigner hat die Bilder mit so einem Streifenmuster hinterlegt. So lange die Seite 1:1 dargestellt wird, sieht das recht ordentlich aus. Grausig wird’s, wenn die Seite gezoomt wird. Das sieht einfach nur fürchterlich aus.
Aber da, wie gesagt, kein interesse vorhanden ist, arbeite ich an dem Entwurf auch nicht weiter. Aber wenn, würde ich eine Lösung ohne Streifen anstreben.
12.09.2009
Streifen hin, Streifen her - das muss jeder nach seinem Geschmack entscheiden. Das ist eh klar. Ich würde dir bezüglich er Seite http://www.gaeulschesmacher.de/ Recht geben. Diese Streifen tun zumindest meinen Augen weh.
Weshalb du hier beim Netzkescher keine im Hintergrund sieht, kann ich allerdings nicht erklären. Sie sind zugegebenermaßen sehr dezent, bei mir allerdings in verschiedenen Browsern und auf verschienen PC von links unten nach rechts oben schräg sichtbar. Bestehend aus breiten Streifen der Farbe FFF9E6 und schmalen der Farbe FFFCF5.
12.09.2009
Ah, jetzt sehe ich was. Allerdings nur im Kopfbereich.
Ich sehe nicht besonders gut. Auf einem Auge nur noch 5%. Da kann es schon mal vorkommen, dass man so dezente Streifen übersieht :)
12.09.2009
Wenn du eine Bildschirmauflösung von 1024×768 hast, siehst du rechts und links ja auch nicht mehr viel.
Vielen Dank für die Rückmeldung!
12.09.2009
So ähnlich :) ich habe zwar einen großen Bildschirm und horizontal 1980px Breite, aber da ich schlecht sehe, und die “Webdesigner” mir keine 20px großen Schriften gönnen, ich aber die verbreiteten Minischriften eben nicht mehr lesen kann, zoome ich mir Seiten grundsätzlich auf 180%. Kann also gut sein, dass ich deswegen keine Streifen rechts und links sehe.