Quelltext
für die Tabellen-Auktionsvorlage

(die Kommentare <!--  --> sind nur zu Deinem besseren verständnis, Du kannst sie mitkopieren, sie werden in der Auktionsseite nicht sichtbar)

die Vorlage darf frei für ebay-Auktionen verwendet werden.


so kannst Du vorgehen:

  • kopiere alles unten zwischen den Sternchen *** in Deinen Editor,
  • speichere das als html-Datei (z.B. als vorlage.html) in einen Ordner (z.B. auktionen) auf Deine Festplatte
  • und packe dort auch alles hinein, was Du brauchst an Bildern, Hintergründen ... ,
  • passe die Vorlage bitte mit Deinem eigenen Hintergrund, Texten und Bildadressen, Bildgrößen, Alternativtexten ... an, (hier hilft Dir vielleicht diese Erläuterung oder diese code-auflistung) - selbstverständlich kannst Du auch Maße, Abstände, Schriftfarben usw ... ändern
  • und kopiere alles beim Einstellen bei ebay in das HTML-Feld der Artikelbeschreibung hinein, wo man eigenen Quelltext eingeben kann.
  • Vorher müssen natürlich Die Bilder auf Deinen webspace oder zu einem Bilderhoster geladen worden sein
  • und die ganz exakte Bildadresse (URL) in Deine Vorlage eingesetzt anstelle meiner Platzhalter.

Wenn Dir das anfangs kompliziert erscheint, lass Dich nicht entmutigen! Lies die Schritte bitte immer wieder durch (viele Fragen entstehen durch ungenaues Lesen) und mit der Zeit und dem Ausprobieren versteht man immer besser.

beachte bitte:
wenn Du am Quelltext arbeitest, musst Du höchste Genauigkeit walten lassen !!! Schon ein winziges falsches Zeichen oder ein Abstand zuviel oder zu wenig kann alles verschieben oder die Darstellung ganz verhindern! Mach Dir deswegen immer erst eine Sicherheitskopie vom Original bevor du etwas veränderst!

<!-- ************ KOPIEREN ANFANG ************ -->

<!-- ===== HINTERGRUND + LINKS: Code Anfang ====== -->
<style type="text/css">
div#inhalt { background:url('BILDADRESSE') fixed;}
a { color: #4C000E;}
a: visited { color: #4C000E;}
a:hover { color: #aa0000;}
</style>
<!-- ===== HINTERGRUND: Code Ende ======= -->

<!-- ===== INHALT: Code Anfang ====== -->

<div id="inhalt">

<!-- ===== ÜBERSCHRIFT: Code Anfang ====== -->
<h1 style="font: bold 2.5em Palatino Linotype;
color: #4C000E;
text-align: center;
padding: 30px;">
ARTIKELBESCHREIBUNG
</h1>
<!-- ====== ÜBERSCHRIFT: Code Ende ==== -->

<!-- ====== TABELLE 1: Code Anfang ====== -->

<table align="center" width="96%" border="1">
<!-- ===== Bild1 links: Code Anfang ==== -->
<tr>
<td style="width: 48%; text-align: center; padding: 30px 10px;">
<img src="BILDADRESSE" width="368" alt="ALTERNATIVTEXT"></td>
<!-- ==== Bild1 links: Code Ende ==== -->

<!-- == rechter Text zu Bild1: Code Anfang == -->
<td style="width: 48%; font: bold 1.3em Palatino Linotype; color: #4C000E; padding:30px;">
<p style="font: bold 1.5em Palatino Linotype; color: #4C000E; padding: 30px 0 10px 45px;">Beispieltext</p>
<ul>
<li>ein sehr ausgefallenes, apartes Stück:
<br>eine massive spangenartige Kette</li>
<li>wirkt wie Silber, ich finde aber keinen Stempel</li>
<li>reliefartig ziselierte Verzierungen</li>
<li>braunes Achatmedaillon</li>
<li>halsnah zu tragen, ca. 22 cm doppelt gemessen</li>
<li>getragen</li>
<li>Gewicht ca.150 g</li>
</ul>
</td>
<!-- == rechter Text zu Bild1: Code Ende == -->
</tr>
</table>

<!-- ====== TABELLE 1: Code Ende ====== -->

<br>

<!-- ====== TABELLE 2: Code Anfang ====== -->

<table align="center" width="96%" border="1">
<tr>
<!-- ===== Bild2 links: Code Anfang ==== -->
<td style="width: 48%; text-align: center; padding: 30px 10px;">
<img src="BILDADRESSE" height="250" alt="ALTERNATIVTEXT">
</td>
<!-- ==== Bild2 links: Code Ende ==== -->

<!-- == rechter Text zu Bild2: Code Anfang == -->
<td style="width: 48%; font: bold 1.6em Palatino Linotype; color: #4C000E; padding: 60px;">
Detail: Medaillon
</td>
<!-- == rechter Text zu Bild2: Code Ende == -->
</tr>
</table>

<!-- ====== TABELLE 2: Code Ende ====== -->

<br>

<!-- ====== TABELLE 3: Code Anfang ====== -->

<table align="center" width="96%" border="1">
<tr>
<!-- ===== Bild3 links: Code Anfang ==== -->
<td style="width: 48%; text-align: center; padding: 30px 10px;">
<img src="BILDADRESSE" width="400" alt="Alternativtext">
</td>
<!-- ==== Bild3 links: Code Ende ==== -->

<!-- == rechter Text zu Bild3: Code Anfang == -->
<td style="width: 48%; font: bold 1.6em Palatino Linotype; color: #4C000E; padding: 60px;">
Detail: Spange
</td>
<!-- == rechter Text zu Bild3: Code Ende == -->
</tr>
</table>

<!-- ====== TABELLE 3: Code Ende ====== -->


<!-- ====== TEXT unter den Tabellen ====== -->

<p style="font: bold 1.3em Arial Unicode MS; color: #636363; padding: 60px;">
<font color="#4C000E">Versandkosten:</font>
<br>Maxibrief 2,20 EUR trägt Käufer
<br>bei besonderen Versandwünschen bitte
<a href="mailto:deine_mail-adresse@xyz">email</a>-Kontakt
<br>
<br><font color="#4C000E">Privatverkauf</font> - daher keine Rücknahme oder Gewährleistung
</p>

<!-- =========== TEXT Ende =========== -->

</div>

<!-- =========== INHALT Ende =========== -->

<!-- ************ KOPIEREN ENDE ************ -->

Grafik: Auge