Auktionserstellung Schritt für Schritt

Ausklang: das vorläufige Endergebnis

  • sieht so aus => Endergebnis

  • Du siehst, dass Du die meisten gestalterischen Veränderungen einfach oben im stylesheet machen kannst zwischen
    <style type="text/css"> und ... </style>
    und kannst nun weiter experimentieren mit Veränderung z.B. von Farben, Schriften, Schriftgrößen, Hintergründen, Rahmen, Abständen ...
    kleine Anregung noch => hier
    (zum Knobeln, was verändert wurde ;-)
    hier die => Auflösung)

    Die inhaltlichen Veränderungen, z.B. Ergänzung oder Änderung von Text, Einfügen weiterer Bilder ... werden unten in der Beschreibungsbox vorgenommen, zwischen
    <div id="beschreibung"> und ... </div><!--Ende der Artikelbeschreibung-->

  • Beachte bitte, wenn du besondere Schriften verwendest, dass Deine Besucher diese nur sehen können, wenn sie die selbe Schriftart auch auf ihrem PC installiert haben! Hier eine => Statistik der häufigsten Verteilung.

  • Dein gesamter Quelltext dieser Übungsauktion sieht nun so aus:
    <style type="text/css">
    #beschreibung {
    background: #D0D0DF url('BILDADRESSE');
    border: 10px solid #000981;
    text-align: center;
    font-size: 1.2em;
    font-family: Times New Roman;
    color: #000981;
    padding: 3em;
    margin: 3em;
    }
    #beschreibung h1 {
    color: red;
    }
    #beschreibung img {
    border: 6px groove #C0C0C0;
    margin: 3em;
    width: 200px;
    height: 150px;
    }
    </style>

    <div id="beschreibung"> <!--Anfang der Artikelbeschreibung-->
    <h1>Willkommen in meiner Auktion!</h1>
    <p>Meine Tochter ist ihrem <b>Felix-Schlafsack</b> entwachsen. </p>
    <p>er wurde geliebt und benutzt,
    <br>aber <i>nicht</i> strapaziert,
    <br>so ist er sehr gut erhalten</p>
    <img src="BILDADRESSE" alt="ALTERNATIVTEXT">
    </div> <!--Ende der Artikelbeschreibung-->
  • wenn Du übst und Veränderungen vornimmst, kannst Du hier => testen, wie das aussieht in der Auktion.
  • wie Deine fertige Artikelbeschreibung dann bei ebay eingefügt wird, ist hier => beschrieben.
  • CSS-Hilfe findest Du => hier sehr gute.

    Und nun:  gutes Gelingen! ;-)
Grafik: Auge