{Minima Basics #2} Bloghintergrund ändern

Es wurde gefragt, wie man einen eigenen Hintergrund einfügen kann. Bei den neuen Vorlagen kann man zwar ein Bild hochladen, aber die Größe ist der Datei ist begrenzt und außerdem kann man nicht bestimmen, wie der Hintergrund sich verhält.
Bei der Minima-Vorlage, mit der ich am liebsten arbeite, kann man kein Bild hochladen - hierfür auch das Tutorial.



1. Ladet ein Bild hoch, das ihr als Hintergrund nutzen wollt. Entweder ist es ein Bild, dass so groß ist wie das Bildschirm selbst oder ein Pattern, das sich unendlich wiederholt. Hier der Unterschied:

Bild: http://cplovetest.blogspot.de/p/ein-bild-hintergrund.html

Pattern: http://cplovetest.blogspot.de/p/pattern-hintergrund.html

Nur Farbe: http://cplovetest.blogspot.de/

2. HTML bearbeiten. Öffnet dafür das HTML und öffnet die <b:skin>...</b:skin> Zeile:

Sucht im blauen Bereich nach Body{...} und bearbeitet background:...;

• Zunächst fügt ihr das Bild ein: url(http://bild.jpg/)
• Dann bestimmt ihr, ob sie wiederholt wird: repeat - oder nicht: no-repeat (dies muss aber nicht zwangsläufig geschrieben werden)
• Unbewegter Hintergrund wie bei unserem 2. Beispiel: fixed
• Position des Hintergrund bestimmt ihr mit: center, top, bottom, left und/oder right - beachtet, dass sich die Befehle nicht widersprechen
• Bestimmt noch die Farbe für den Hintergrund, falls diese nicht oder nur langsam ladet. Falls ihr kein Bild haben wollt, dann lasst alles bis auf die Farbangabe weg: #cccccc (weitere Farben:  http://www.colorpicker.com/ )

So kann der Code dann aussehen:

background:url(http://triggerhippie.site50.net/designelemente/backhome/background2.png) fixed left bottom no-repeat #FFF6F6;