HTML über Photoshop für Ebay Auktion

G

Gast18042020

Guest
Hallo,
Ich möchte eine schöne Ebay Auktion mit Bildern Text und Hintergründen kostenlos erstellen. Ich weiß, dass man über HTML die möglichkeit hat sich selbst in Sachen gestaltung kreativ auszutoben.
Nur leider habe Ich absolut keine Ahnung von HTML oder JAVA oder sonstigen Programmier-Sprachen. Ich weiß nur wie Ich mit Photoshop umgehe.
Ich habe mir eben zum test ein Dokument mit einem Bild, einem Text und 2 Hintergrundblöcken erstellt und die dann einfach über die Funktion Slices zerschnitten.
Dann fürs Web gespeichert.
Mir wurde ein HTML-Code gespeichert und ein Ordner mit dem Namen "Bilder" der die Slices enthält. Nur wie bekomm Ich das jetzt auf Ebay?
Hier nochmal der Code der mir gespeichert wurde:
Code: 
<html>
<head>
<title>Unbenannt-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Unbenannt-1) -->
<table id="Tabelle_01" width="300" height="400" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2">
			<img src="Bilder/HTML_01.gif" width="300" height="126" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/HTML_02.gif" width="148" height="198" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/HTML_03.gif" width="152" height="238" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/HTML_04.gif" width="148" height="40" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/HTML_05.gif" width="300" height="36" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Kann mir vielleicht jemand helfen?
Ich wüsste gerne wie Ich die Bilder hochlade, so dass sie dann auch angezeigt werden in Ebay. Vielleicht hat auch jemand eine HTML Vorlage in die Ich einfach nur noch meine Bilder und Texte einfügen muss... Das wäre natürlich super ;)

PS: Ich habe wirklich keine Ahnung vom Coden....
 
Also vor ein paar Jahren, als ich eBay das letzte Mal als Verkäufer nutzte, ging man so vor, dass man statt des reinen Angebotstextes eben den Quelltext ins entsprechende Feld schrieb/kopierte. Bilder lud man, bis auf das eine kostenlose Hauptbild, nicht bei eBay, sondern einem externen Hoster hoch. Dann setzte man zwischen die Anführungszeichen des <img src="">-Befehls die vollständige URL zum Bild. Das war's.

Außerdem sollte das genügen:

Code: 
<table width="300" height="400" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2">
			<img src="VOLLSTÄNDIGE_URL_ZUR_HOCHGELADENEN_BILDDATEI_INKLUSIVE_SUFFIX" width="300" height="126" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="VOLLSTÄNDIGE_URL_ZUR_HOCHGELADENEN_BILDDATEI_INKLUSIVE_SUFFIX" width="148" height="198" alt=""></td>
		<td rowspan="2">
			<img src="VOLLSTÄNDIGE_URL_ZUR_HOCHGELADENEN_BILDDATEI_INKLUSIVE_SUFFIX" width="152" height="238" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="VOLLSTÄNDIGE_URL_ZUR_HOCHGELADENEN_BILDDATEI_INKLUSIVE_SUFFIX width="148" height="40" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="VOLLSTÄNDIGE_URL_ZUR_HOCHGELADENEN_BILDDATEI_INKLUSIVE_SUFFIX" width="300" height="36" alt=""></td>
	</tr>
</table>
 
Zuletzt bearbeitet:
Danke, für die Antwort.
So habe Ich mir das auch schon irgendwie zusammengereimt... Nur Ich usste nicht obs so klappt.

Was Noch toll wäre, ist wenn der Text auch als Text erscheinen würde und nicht als Bild...
Aber da muss Ich mal an Photoshop kenner wenden...
 
Ich weiß nicht, welchen Text du meinst, da die Bilder, die bei dir lokal gespeichert sind, nicht bei mir angezeigt werden, aber statt des Photoshop-Kenners empfehle ich dir, auf dem Desktop oder egal-wo eine Datei mit der Bezeichnung test.html zu erstellen, sie nicht mit dem Browser, sondern einem schlichten Text-Editor, dem guten alten Notepad, zu öffnen, den obigen Quelltext hineinzukopieren und statt des <img>-Tags beliebigen Text zwischen <td> und </td> hineinzutippen. Dann im Browser ankucken, über den simplen Erfolg freuen und ausprobieren, welch geringfügige Änderungen im Quelltext zum gewünschten Ziel führen. ;(

Text-Formatierungen bekommst du auf die Schnelle hin, wenn du den Text einfasst mit <span style="">Dein Text</span>. Die Möglichkeiten für das Style-Attribut gibt's hier.
 
Ok,
Ich habe einfach mal ein Bild in Photoshop erstellt, dass ungefähr Zeigt wie die Auktion aussehen soll:


Ich möchte einfach Bilder links, daneben Text dann vielleicht drunter noch 2 Bilder dann links text usw..... Wie auf dem Bild.
Vielleicht gibts für sowas simples eine Vorlage... Wäre schön
 
Ich habs mit Dreamweaver geschafft das hier zu zaubern innerhalb von 5 Stunden:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>

<body>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="10"><img src="http://www8.pic-upload.de/23.10.11/nslnj5l14rdz.jpg" width="1024" height="89" /></td>
  </tr>
  <tr>
    <td colspan="10"><img src="http://www8.pic-upload.de/23.10.11/4uba118lzfz4.jpg" width="1024" height="71" /></td>
  </tr>
  <tr>
    <td width="512" rowspan="11"><img src="http://www8.pic-upload.de/23.10.11/zimxtgdv2cl.jpg" width="512" height="834" /></td>
    <td width="8">&nbsp;</td>
    <td width="15" bgcolor="#E8E8E8">&nbsp;</td>
    <td colspan="5" bgcolor="#E8E8E8"><p>In dieser Auktion möchte Ich meine Leadtek Winfast PX9800GT verkaufen. Die Karte wurde damals bei K&amp;M-Elektronik gekauft. Sie ist teschnisch und optisch in Bestem Zustand. Originalverpackung vorhanden!</p></td>
    <td width="15" bgcolor="#E8E8E8">&nbsp;</td>
    <td width="25">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="7"><img src="http://www8.pic-upload.de/23.10.11/2q1p9y5fprwd.jpg" width="505" height="35" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td width="146">&nbsp;</td>
    <td width="49">&nbsp;</td>
    <td width="16">&nbsp;</td>
    <td width="118">&nbsp;</td>
    <td width="146">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="7"><img src="http://www8.pic-upload.de/23.10.11/oorpz5ijvmfy.jpg" width="504" height="35" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="479" rowspan="3">&nbsp;</td>
    <td rowspan="3" bgcolor="#E8E8E8">&nbsp;</td>
    <td colspan="2" align="left" valign="top" bgcolor="#E8E8E8"><h1>Details:</h1>
      &bull;Memory <br />
      &bull;Memory Clock <br />
      &bull;Kühlung <br />
      &bull;GPU<br />
      &bull;GPU Clock<br />
      &bull;Output <br />
      &bull;DirectX <br />
      &bull;PCI Express <br />
      &bull;PhysX <br />
      &bull;CUDA <br />
    &bull;SLI-Ready </td>
    <td colspan="3" align="left" valign="top" bgcolor="#E8E8E8"><h1>&nbsp;</h1>
    <p>512MB 256bit GDDR3<br />
      400MHz<br />
      Luftkühlung (nie abmontiert)<br />
      GeForce 9800GT<br />
      600MHz (nie übertaktet)<br />
      2xDVI, 1xTV-Out<br />
      10<br />
      2.0<br />
		Enabled<br />
      Enabled<br />
    Ja</p></td>
    <td rowspan="3" bgcolor="#E8E8E8">&nbsp;</td>
    <td rowspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="19" colspan="5" align="left" valign="top" bgcolor="#E8E8E8">&nbsp;</td>
  </tr>
  <tr>
    <td height="78" colspan="5" align="left" valign="top" bgcolor="#E8E8E8">Die Leadtek 9800GT ist eine wunderbare Grafikkarte. Sie bietet unglaubliche Leistung. Das Design macht die Karte zu einem Hingucker. Der Lüfter arbeitet sehr zuverlässig und leise. Man kann diese Grafikkarte sehr gut als PhysX-Adapter nutzen!</td>
  </tr>
  <tr>
    <td height="35">&nbsp;</td>
    <td colspan="7"><img src="http://www8.pic-upload.de/23.10.11/2q1p9y5fprwd.jpg" width="504" height="35" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="134">&nbsp;</td>
    <td colspan="7"><img src="http://www.3dcenter.org/dateien/abbildungen/leadtek-old640.png" width="344" height="104" align="absmiddle" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="7"><img src="http://www8.pic-upload.de/23.10.11/oorpz5ijvmfy.jpg" width="505" height="34" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td bgcolor="#E8E8E8">&nbsp;</td>
    <td colspan="2" bgcolor="#E8E8E8"><p>Lieferumfang in OVP:</p>
      <p>&bull;Leadtek PX9800GT (512MB)<br />
        &bull;Treiber-CD<br />
    &bull;Quick-Start-Guide</p></td>
    <td bgcolor="#E8E8E8">&nbsp;</td>
    <td colspan="2" bgcolor="#E8E8E8"><p>Versand erfolgt über DHL</p>
      <p>&bull;Versandkosten 6,90€</p>
    <p>&nbsp;</p></td>
    <td bgcolor="#E8E8E8">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="9"><img src="http://www8.pic-upload.de/23.10.11/jyix2cjo6g2x.jpg" width="1024" height="39" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="9" align="center" bgcolor="#CC6666"><p>Da dies ein Privatverkauf ist gibt es keine Garantie oder Gewährleistung auf den Artikel! Alle Angaben wurden mit bestem Wissen und Gewissen gemacht.</p></td>
    <td><p>&nbsp;</p></td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>
 
Sieht soweit gut aus, nur die Umlaute hauen nicht hin. Änder das mal...

Sonst sieht der Besucher das:

um.jpg




Ui, ne Leiche wiederbelebt...
 

Ähnliche Themen

E555user
News AMD FSR 2.x & FidelityFX Adaption
Antworten
22
Aufrufe
7K
E555user
E555user
pipin
GIGABYTE Unveils AMD EPYC™ 7002 Series Server Family
Antworten
0
Aufrufe
2K
pipin
pipin
pipin
ASUS ROG Zephyrus G14 mit neuer AMD Ryzen CPU: das weltweit leistungsstärkste 14 Zoll Gaming-Notebook ist ab sofort verfügbar
Antworten
0
Aufrufe
951
pipin
pipin
Tante Emma
HTML Problem mit Bild
Antworten
2
Aufrufe
4K
Tante Emma
Tante Emma
BoMbY
Video-Links direkt auf MP4-Videos
Antworten
1
Aufrufe
4K
Riddler82
Riddler82
Zurück
Oben Unten