eBay Sofort-Kaufen > Button kopieren

22. Nov 2007 12:12

Hi,
hat Irgendjemand eine Ahnung wie dieser Button vom Design her aufgebaut ist.
Den Quelltext zur Funktion kenne ich, aber wie kann man so einen Button selber ausserhalb von eBay erstellen.
Das ganze scheint per Stylesheet zu erfolgen, aber wo kann ich das bei eBay finden?

Also ich meine den blauen Sofort-Kaufen Button von Sofort-Neu Auktionen.

gegangen · 22. Nov 2007 12:25

Das ganze scheint per Stylesheet zu erfolgen, aber wo kann ich das bei eBay finden?

Man nehme Firefox Web Developer Addon und siehe da:

Code: Alles auswählen

button {padding:0; margin:0; border:0; background:none; text-indent:inherit; vertical-align:middle}
* html button {width:1%; overflow:visible; margin:0 15px 0 0}
button .btn {background:url(http://pics.ebaystatic.com/aw/pics/buttons/btnViPrmry.gif); color:#fff; font-family:Arial; font-weight:bold; white-space:nowrap; cursor:pointer; display:block;height: 24px;line-height:190%;padding: 0 0 0 6px;vertical-align:middle}
button .btn .btn {padding: 0 14px 0 8px;}
.VIPriBtn .btn {background:url(http://pics.ebaystatic.com/aw/pics/viewitem/imgVIPrmryBtnLt.gif) no-repeat top left; }
.VIPriBtn .btn .btn {background:url(http://pics.ebaystatic.com/aw/pics/buttons/btnViPrmry.gif) no-repeat right; background-position:100% 0; }

22. Nov 2007 13:10

ok, das war schon mal sehr hilfreich wie die Grafik zum Buttonhintergrund zu bekommen ist.
Aber ich möchte den gerne in meiner Artikelbeschreibung haben:
diese sieht wie folgt aus:

<body>
<span class="Stil4">
<input type="hidden" value="BinConfirm" name="MfcISAPICommand" />
<input type="hidden" value="220134534534" name="item" />
<input type="hidden" value="2" name="fb" />
<input type="hidden" value="220134534534" name="uiid" />
Menge:
<input size="2" value="1" name="quantity" />
Testartikel<span class="Stil1">....</span>
<input style="POSITION: relative" type="submit" value="Sofort-Kaufen ->" />
</span>
</body>
</html>

wie bekomme ich das hin, das anstatt dem silbernen Hintergrund hier der eBaytypische blaue Hintergrund mit weißer Schrift erscheint?

gegangen · 22. Nov 2007 13:31

eBay macht das so:

Code: Alles auswählen

<button type="submit" class="VIPriBtn" name="input_bin" style="padding-right:0px;">
<span class="btn"><span class="btn">Sofort-Kaufen ></span></span>
</button>

22. Nov 2007 13:37

ich will aber doch den blauen von Sofort-Neu

:

gegangen · 22. Nov 2007 14:01

Das ist doch kein Button, sondern ein Bild. Versuch es mal mit input type=image

22. Nov 2007 14:23

mhm, da habe ich mich falsch ausgedrückt, nicht das Sofort-NEU Bild, sondern das Sofort-Kaufen > Symbol das Links Oben in der Artikelbschreibung neben dem Preis angezeigt wird

eBay Sofort-Kaufen > Button kopieren

eBay Sofort-Kaufen > Button kopieren

Re: eBay Sofort-Kaufen > Button kopieren

Re: eBay Sofort-Kaufen > Button kopieren

Re: eBay Sofort-Kaufen > Button kopieren

Re: eBay Sofort-Kaufen > Button kopieren

Re: eBay Sofort-Kaufen > Button kopieren

Re: eBay Sofort-Kaufen > Button kopieren

Wer ist online?