 Hintergrundbilder und -farben in eBay-Auktionen
Die Codes auf dieser Seite funktionieren nicht nur in eBay-Auktionen, sondern auf jeder HTML-Seite. Bei Verwendung ausserhalb eBays gehört der Code in den Kopfbereich der Seite, also zwischen <head> und </head>.
 Verwendung bei eBay
In eBay-Auktionen ist ein Hintergrund nur im Bereich der Artikelbeschreibung erlaubt. Auf dieser Seite werden einige Möglichkeiten gezeigt, wie der Hintergrund gestaltet werden kann. Der Code in den Boxen kann - nach entsprechender Anpaßung an die eigenen Wünsche - an den Anfang der Artikelbeschreibung kopiert werden (Im Internet Explorer in den Reiter "Geben Sie selbst HTML-Code ein", in anderen Browsern einfach ins Beschreibungsfeld).
 Wird der Hintergrund im TurboLister  eingefügt, dann muß dem Code ein <br> vorangestellt werden, da StyleSheets andernfalls beim Wechseln der Ansichten gelöscht werden.
Die Auktionsvorschau bei eBay stellt den Hintergrund falsch dar! In der eingestellten Auktion sieht er dann aus wie er soll 
Hintergrundfarbe
Die Hintergrundfarbe wird im folgenden Code in hexadezimaler Form #xxxxxx angegeben. Die gewünschte Farbe kann z.B.  hier ausgewählt und in den Code eingesetzt werden:
<style type="text/css">
<!--
body {background:#xxxxxx;}
-->
</style>
Hintergrundbild
Ein Hintergrundbild, das in einer Auktion angezeigt werden soll, muß auf Webspace gespeichert sein. Die Adresse (= URL) des Bildes ist an der gekennzeichneten Stelle in den Code einzufügen:
<style type="text/css">
<!--
body {background:url(URL des Hintergrundes);}
-->
</style>
Eine Auswahl an Hintergrundbildern gibt's u.a. bei Björke, Chrissie oder GR-Sites.
statisches, nicht mitscrollendes Hintergrundbild
Soll sich das Hintergrundbild beim Scrollen der Seite nicht mitbewegen (wie der Hintergrund auf dieser Seite), dann ist dem Code das Attribut fixed hinzuzufügen:
<style type="text/css">
<!--
body {background:url(URL des Hintergrundes) fixed;}
-->
</style>
zentriertes, sich nicht wiederholendes Hintergrundbild
Für einen zentrierten, sich nicht wiederholenden Hintergrund, wird der Code um no-repeat 50% 50% ergänzt. Die Prozentwerte definieren die horizontale und vertikale Lage des Hintergrunds und können nach Wunsch verändert werden.
<style type="text/css">
<!--
body {background:url(URL des Hintergrundes) no-repeat 50% 50%;}
-->
</style>
(Kann auch mit fixed kombiniert werden)
Für eine eBay-Artikelbeschreibung sieht der Code für diese Variante folgendermassen aus:
<div style="background:url(URL des Hintergrundes) no-repeat 50% 50%;">
Hier die komplette Artikelbeschreibung
</div>
sich vertikal wiederholendes Hintergrundbild
Soll das Hintergrundbild nicht über die ganze zur Verfügung stehende Fläche "gekachelt" werden, sondern nur untereinander am linken Rand erscheinen, dann wird dem Code ein repeat-y hinzugefügt:
<style type="text/css">
<!--
body {background:url(URL des Hintergrundes) repeat-y;}
-->
</style>
(Kann auch mit fixed kombiniert werden. Mit einer Prozentangabe kann der Hintergrund außerdem horizontal verschoben werden, z.b. mit 50% in die Mitte oder mit 100% an den rechten Rand)
sich horizontal wiederholendes Hintergrundbild
Entsprechendes funktioniert mit repeat-x auch nebeneinander am oberen Rand:
<style type="text/css">
<!--
body {background:url(URL des Hintergrundes) repeat-x;}
-->
</style>
Für eine eBay-Artikelbeschreibung sieht der Code für diese Variante folgendermassen aus:
<div style="background:url(URL des Hintergrundes) repeat-x;">
Hier die komplette Artikelbeschreibung
</div>
| 
