Backgrounds
Hintergrund hinter dem Design
Kein passendes Design gefunden ? Aber vielleicht hier ein neues Hintergrundbild:
Mit Hilfe der "Online-Generatoren" lassen sich sehenswerte Hintergrund-Grafiken erstellen. Farben und Muster sind bei einigen Anbietern einstellbar. Die Hintergrundbilder sind so geschnitten, das sie sich endlos wiederholen können und somit den Bildschirm ausfüllen. Am Ende der Anbieter-Liste findet Ihr auch ein Beispiel, wie die fertigen Grafiken im Design eingefügt werden können.
http://www.pixeldecor.com
![Grafik](https://img.webme.com/pic/f/find-templates/pixeldecor.png)
![Grafik](https://img.webme.com/pic/f/find-templates/pixeldecor1.png)
![Grafik](https://img.webme.com/pic/f/find-templates/pixeldecor2.png)
![Grafik](https://img.webme.com/pic/f/find-templates/pixeldecor3.png)
![Grafik](https://img.webme.com/pic/f/find-templates/pixeldecor4.png)
http://bgpatterns.com/
![Grafik](https://img.webme.com/pic/f/find-templates/muster.png)
![Grafik](https://img.webme.com/pic/f/find-templates/muster1.png)
![Grafik](https://img.webme.com/pic/f/find-templates/muster2.png)
![Grafik](https://img.webme.com/pic/f/find-templates/muster3.png)
![Grafik](https://img.webme.com/pic/f/find-templates/muster4.png)
http://www.patterncooler.com
![Grafik](https://img.webme.com/pic/f/find-templates/pattern.png)
![Grafik](https://img.webme.com/pic/f/find-templates/pattern1.png)
![Grafik](https://img.webme.com/pic/f/find-templates/pattern2.png)
![Grafik](https://img.webme.com/pic/f/find-templates/pattern3.png)
![Grafik](https://img.webme.com/pic/f/find-templates/pattern4.png)
http://subtlepatterns.com
![Grafik](https://img.webme.com/pic/f/find-templates/subtlepatterns.png)
![Grafik](https://img.webme.com/pic/f/find-templates/background1.png)
![Grafik](https://img.webme.com/pic/f/find-templates/background2.png)
![Grafik](https://img.webme.com/pic/f/find-templates/background3.png)
![Grafik](https://img.webme.com/pic/f/find-templates/background4.png)
http://stripedbgs.com
![Grafik](https://img.webme.com/pic/f/find-templates/striped.png)
![Grafik](https://img.webme.com/pic/f/find-templates/streifen1.png)
![Grafik](https://img.webme.com/pic/f/find-templates/streifen2.png)
![Grafik](https://img.webme.com/pic/f/find-templates/streifen3.png)
![Grafik](https://img.webme.com/pic/f/find-templates/streifen4.png)
http://stripemania.com/
![Grafik](https://img.webme.com/pic/f/find-templates/stripemania.png)
![Grafik](https://img.webme.com/pic/f/find-templates/linie1.png)
![Grafik](https://img.webme.com/pic/f/find-templates/linie2.png)
![Grafik](https://img.webme.com/pic/f/find-templates/linie3.png)
![Grafik](https://img.webme.com/pic/f/find-templates/linie4.png)
http://tartanmaker.com/
![Grafik](https://img.webme.com/pic/f/find-templates/tartanmaker.png)
![Grafik](https://img.webme.com/pic/f/find-templates/tartan1.png)
![Grafik](https://img.webme.com/pic/f/find-templates/tartan2.png)
![Grafik](https://img.webme.com/pic/f/find-templates/tartan3.png)
![Grafik](https://img.webme.com/pic/f/find-templates/tartan4.png)
http://www.portfelia.com
![Grafik](https://img.webme.com/pic/t/table-test/portfelia.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/pattern221.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/pattern222.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/pattern223.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/pattern224.jpg)
http://everydayicons.jp
![Grafik](https://img.webme.com/pic/t/table-test/everyday.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/p01.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/p02.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/p03.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/p04.jpg)
http://www.lizaphoenix.com
![Grafik](https://img.webme.com/pic/t/table-test/liza.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/liza1.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/liza2.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/liza3.jpg)
![Grafik](https://img.webme.com/pic/t/table-test/liza4.jpg)
Die Hintergrundgrafik einfügen :
Das Bild bitte immer erst speichern und bei Euch hochladen !
Nie die Grafikadresse des Anbieters kopieren!
- geht auf "Bilder verwalten"
- lade die Grafik hoch
- danach den Namen des Bildes anklicken
- das Bild wird dir angezeigt
- mit der Maus auf das Bild
- mit Rechtsklick auf "Eigenschaften" (IE Browser)
- oder auf "Grafikadresse kopieren" (Mozilla Browser)
in der Klammer () müsst Ihr die kopierte Grafikadresse einfügen.
für das Baukasten-Design "CSS":
Einfügen im Feld "css ohne style tags"
body {
background-image: url(Grafikadresse);
background-repeat: repeat;
background-attachment: fixed; }
Einfügen im Feld "css ohne style tags"
body {
background-image: url(Grafikadresse);
background-repeat: repeat;
background-attachment: fixed; }
alle anderen Baukasten-Designs:
Einfügen Feld "Text über Design"
<style type="text/css">
<!--
body {
background-image: url(Grafikadresse);
background-repeat: repeat;
background-attachment: fixed; }
-->
</style>
Einfügen Feld "Text über Design"
<style type="text/css">
<!--
body {
background-image: url(Grafikadresse);
background-repeat: repeat;
background-attachment: fixed; }
-->
</style>
Falls Ihr bereits einen CSS Code eingefügt hat, müsst ihr nur eure Codezeile
mit body anpassen. Nicht doppelt einfügen.
Beachtet bitte :
Die Anbieter verlangen eine Verlinkung in eurem Impressum.