[HTML] ebay angebot

Dieses Thema im Forum "Webdesign" wurde erstellt von juppwatis, 23. März 2011 .

Schlagworte:
  1. 23. März 2011
    ebay angebot

    hallo,

    wie mache ich so ein angebot bei ebay:

    Rote Becher, Solo Cups, Red Solo Cups, 16 oz, 50 Stk. | eBay

    ich habe den code und den auch mal ein wenig angepasst, so wie ich es haben will. aber dann zeigt es mir bei ebay das nciht an. es ist dann immer nur ein kleiner bereich wo das angezeigt ist und man muss gefühlte 100 mal scrollen, damit man alles gesehen hat.

    hier der code:
    Code:
    <table align="center" style="border-spacing: 0px;width:100%;"><tr><td>
<div id="EBdescription"><div style="text-align: left;">
<!-- Begin Description --><style type="text/css">
p.BoxVorstellung {
border: 1px solid rgb(130, 55, 59);
font-family: Arial, Helvetica, sans-serif;
width: 635px;
height: 275px;
background-color:rgb(255, 255, 255);
border-radius:10px;
background-repeat: no-repeat;
overflow:auto;
display: block;
z-index: 70;
position:absolute;
text-align: center;
top: 80px;
left: 35px;
box-shadow: 0px 0px 3px #999;
-moz-box-shadow: 0px 0px 3px #999;
-webkit-box-shadow: 0px 0px 3px #999;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
p.BoxBild {
border: 1px solid rgb(130, 55, 59);
font-family: Arial, Helvetica, sans-serif;
width: 315px;
height: 295px;
background-color:rgb(255, 255, 255);
background-repeat: no-repeat;
overflow:auto;
display: block;
z-index: 70;
position:absolute;
top: 360px;
left: 35px;
text-align:center;
box-shadow: 0px 0px 3px #999;
-moz-box-shadow: 0px 0px 3px #999;
-webkit-box-shadow: 0px 0px 3px #999;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
p.BoxProdukt {
border: 1px solid rgb(130, 55, 59);
font-family: Arial, Helvetica, sans-serif;
width: 315px;
height: 195px;
background-color:rgb(255, 255, 255);
background-repeat: no-repeat;
overflow:auto;
display: block;
z-index: 70;
position:absolute;
top: 360px;
left: 355px;
box-shadow: 0px 0px 3px #999;
-moz-box-shadow: 0px 0px 3px #999;
-webkit-box-shadow: 0px 0px 3px #999;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
p.BoxLieferung {
border: 1px solid rgb(130, 55, 59);
font-family: Arial, Helvetica, sans-serif;
width: 315px;
height: 95px;
background-color:rgb(255, 255, 255);
background-repeat: no-repeat;
overflow:auto;
display: block;
z-index: 70;
position:absolute;
top: 560px;
left: 355px;
box-shadow: 0px 0px 3px #999;
-moz-box-shadow: 0px 0px 3px #999;
-webkit-box-shadow: 0px 0px 3px #999;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
p.BoxWeiteres {
border: 1px solid rgb(130, 55, 59);
font-family: Arial, Helvetica, sans-serif;
width: 635px;
height: 250px;
background-color:rgb(255, 255, 255);
background-repeat: no-repeat;
overflow:auto;
display: block;
z-index: 70;
position:absolute;
text-align:left;
top: 660px;
left: 35px;
box-shadow: 0px 0px 3px #999;
-moz-box-shadow: 0px 0px 3px #999;
-webkit-box-shadow: 0px 0px 3px #999;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
p.BoxZentriert {
border: 0px solid rgb(255, 255, 255);
font-family: Arial, Helvetica, sans-serif;
text-align:center;
width: 625px;
height: 40px;
background-color:rgb(255, 255, 255);
background-repeat: no-repeat;
overflow:hidden
display: block;
z-index: 70;
position:absolute;
top: 870px;
left: 40px;
}
</style>
</div><div style="position: relative; z-index: 20; text-align: left;"><br><p class="BoxVorstellung">
<span style="color: rgb(130, 55, 59); font-weight: bold; font-size: 25px;">Herzlichen Willkommen zu unserem Angebot!<br></span>
<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 18px;">50 Original <span style="color: rgb(188, 40, 66); font-size: 20px; font-style: italic;"> Red Solo Cups </span> - Direkt vom Hersteller aus den USA<br></span>
<span style="color: rgb(188, 40, 66); font-weight: bold; font-size: 11px; margin-left: -116px;">Machen Sie Ihre Party zu etwas Besonderem<br></span>
<br>
<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 14px;">Wer kennt die Party-Becher nicht? Hier bekommen Sie die original Party-Becher, die in etlichen Serien, Movies und Musik-Videos aus den USA zu sehen sind.
<br><br>Machen Sie mit diesen Bechern Ihre Party zu einem Hit! Greifen Sie also zu und überraschen Sie Ihre Gäste durch diese stabilen und knallroten Becher!<br><br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 12px;">Suchen Sie eine andere Farbe, dann werfen Sie einen Blick auf unsere
anderen Pakete und <a href="http://stores.ebay.de/drinkinggames" title="Drinking Games Angebote">Angebote</a>.</span>
</span></p>
<p class="BoxBild">
<span style="color: rgb(130, 55, 59); font-weight: bold; font-size: 15px; margin-left: -165px;">Produktabbildung:</span>
<br><br>
<img style="width: 263px; height: 243px; border: 0px solid rgb(162, 162, 162);" src="http://www.drinkinggames.de/components/com_virtuemart/shop_image/product/Party_Cups__rot__4d072251b6488.jpg">
</p>
<p class="BoxProdukt">
<span style="color: rgb(130, 55, 59); font-weight: bold; font-size: 15px; margin-left: 8px;">Produktinformationen:<br><br></span>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">Hersteller: Solo Cup Company<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">Farbe: <span style="color: rgb(188, 40, 66); font-size: 12px; font-style: italic;">Rot</span><br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">Durchmesser: ca. 10cm<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">Höhe: ca. 12cm<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">Fassungsvermögen: 16oz (ca. 474ml)<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">Material: Polystyrol (PS)<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">Verpackungseinheit: 50 Becher<br>
</p>
<p class="BoxLieferung">
<span style="color: rgb(130, 55, 59); font-weight: bold; font-size: 15px; margin-left: 8px;">Lieferumfang:</span><br>
<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">1x 50 Red Solo Cups OVP<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">1x Rechnung mit ausgewiesener MwSt.<br>
</span></p>
<p class="BoxWeiteres">
<span style="color: rgb(130, 55, 59); font-weight: bold; font-size: 15px; margin-left: 8px;">Bezahlung</span>
<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px; line-height: 1.1em;">Bei uns können Sie zwischen folgenden Zahlungsarten auswählen:<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">* Vorauskasse <br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">* Pay-Pal</span><br>
<br>
<br>
<span style="color: rgb(130, 55, 59); font-weight: bold; font-size: 15px; margin-left: 8px;">Versand</span>
<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">Alle Bestellungen werden bei einem Zahlungseingang vor 22:00 Uhr in der Regel direkt am folgenden Werktag<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">durch das Unternehmen DPD versendet. Erfahrungsgemäß liegt die Lieferzeit (nach Zahlungseingang) bei<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">1-3 Werktagen. Dabei werden die Artikel in der vom Hersteller vorgesehenen Verpackung versendet.</span>
<br>
<br><br>
<span style="color: rgb(130, 55, 59); font-weight: bold; font-size: 15px; margin-left: 8px;">Weitere Informationen</span>
<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">Bei allen angebotenen Produkten handelt es sich um original verpackte Neuware. Sie erhalten eine Rechnung mit<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">ausgewiesener MwSt.<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">Sollten Sie weitere Fragen haben, so stehe wir Ihnen gerne über den eBay-Nachrichtendienst oder per eMail<br>
<span style="color: rgb(100, 100, 100); font-weight: bold; font-size: 11px; margin-left: 8px;">(siehe Widerrufsbelehrung) zur Verfügung.
</span>
</span></span></span></span></span></span></span></p>
</style>
</div>
</td></tr></table>
    kann man das auch irgendwie anders macehn, so dass es ebay akzeptiert und man alles auf einen blick lesen kann?
     
    + Multi-Zitat Zitieren
  3. 23. März 2011
    AW: ebay angebot

    nicht kopieren und umbauen, sonder selber machen. tabellen kann man für design verwenden, braucht man aber nicht. hier ein einfacher beispiel:

    Code:
    <style type="text/css"><!--
/* hauptrahmen */
#item_page{
 width: 600px;
 margin: 0 auto;
 border: 1px solid blue;
}

/* linke+rechte spalte */
.item_col {
 width: 300px;
 float: left;
}
//--></style>

<div id="item_page">
 <div>
 <h1>Hallo und herzlich Willkomen und so weiter</h1>
 <p>hier kommt text rein</p>
 </div>
 <br style="clear:both;">
 
 <!-- links -->
 <div class="item_col">
 <h2>Produktbild</h2>
 <img src="...">
 </div>
 
 <!-- rechts -->
 <div class="item_col">
 <h2>Beschreibung</h2>
 <p>hier kommt text rein</p>
 <ul>
 <li>Listeneintrag</li>
 <li>Listeneintrag</li>
 </ul>
 </div>
 <br style="clear:both;">
 
 <div>
 <p>Fusszeile oder so</p>
 </div>
</div>
    evtl noch mit hintergrundbildchen verschönern

    ah und verwende nicht die schriftgrößen und farben im ebay-editor.
     
    + Multi-Zitat Zitieren
  4. 24. März 2011
    AW: ebay angebot

    danke schonmal. ich muss sagen, dass ich absolut nicht so gut in html usw. bin.

    daher die frage. wie bekomme ich denn einen identischen aufbau hin wie im bsp oben? d.h.:

    1. oben beschreibung im kasten
    2. darunter links bild
    3. rechts neben bild artikeleigenschaften
    4. rechts neben dem bild der lieferungumfang
    5. darunter eine box über die gesamte breite noch für weitere infos.

    dazu die frage, ob man die rahmen abgerundet machen kann? und wie m an die schriftfarbe ändert?
     
    + Multi-Zitat Zitieren
  5. 24. März 2011
    AW: ebay angebot

    Wenn man bei ebay tatsächlich solch ganze "Seiten" bauen kann, dann organisier dir ein Tool wie dreamweaver und klick es dir zusammen. Der daraus resultierende code ist sogar gar nicht schlecht (mittlerweile).

    Es wird dir hier mit Sicherheit keiner ein fertiges Ergebnis liefern. Wenn du wirklich html bzw. css lernen willst dann besuch folgende Seiten:

    SELFHTML 8.1.2 (HTML-Dateien selbst erstellen) (hier gibts auch eine css Sektion)
    CSS 4 You - The Finest in Stylesheets
     
    + Multi-Zitat Zitieren
  6. 28. März 2011
    AW: ebay angebot

    ich will auch gar nicht, dass mir jemand das ganze baut. aber dass mir vll jemand weiterhilft mit den o.g. fragen. damit ich es selbst versuchen kann...
     
    + Multi-Zitat Zitieren
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.

Auf dieses Thema antworten