• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

PayPal ohne "PayPal-Button"

Status
Für weitere Antworten geschlossen.
S

scaramangado

Neues Mitglied
Hallo,
ich bin Anfänger was HTML angeht und möchte einen PayPal-Spendenlink in meine Webseite integrieren. Der typische Button, den PayPal bereitstellt, passt allerdings überhaupt nicht in das Design der Seite. Kann ich einfach einen Hyperlink einfügen, der auf die PayPal-Homepage umleitet? Wenn ja wie?

Danke im Voraus
 
Da steht bestimmt irgendwo das hier:
<a href="bla"><img src="bla"></a>
Zum Vergrößern anklicken....
Das <img src...> ersetzt du durch den Text.
Das gehört allerdings eigentlich zum HTML-Anfängerwissen dazu. ;)
Falls ich dich falsch verstanden habe, entschuldige bitte.
 
Das gehört allerdings zum Anfängerwissen dazu. Allerdings ist das mit PayPal komplizierter, da geht das alles über ein Formular.

Code: 
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="image" src="https://www.paypal.com/de_DE/DE/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal.">
<input type="hidden" name="encrypted" value=" [Hier steht eine kryptische zeichenkette, die wahrscheinlich den Account angibt.]">
</form>

Meine Links sehen so aus:
Code: 
<a href="Link" title="" class="bottom_column">
<h3>Produkte</h3>
<span class="bottom_label">Hier finden Sie unsere Produkte.</span> </a>
 
<h3> darf nicht in <a...> enthalten sein, aber das ist jetzt nicht so wichtig.
Du musst input type="image" sowie das zugehörige src und alt entfernen und stattdessen value="Spenden" einfügen.
Das sieht dann natürlich aus wie ein Button, was es ja auch ist. Den kannst du dann, wenn nötig, mit CSS anpassen.
 
Nun, dass alles funktioniert wohl nicht so, wie ich es gern hätte, also denke ich mir eine andere Lösung aus. Trotzdem danke für die Hilfe.
 
ingoS schrieb:
Möchstest du den Spenden-Button aussehen lassen wie die anderen Links oder was? Das geht doch auch mit CSS!
Zum Vergrößern anklicken....

Allerdings beschränken sich meine HTML/CSS Kenntnisse auf das Nötigste und ich habe im Moment weder Zeit noch Lust mich genauer mit dem Thema zu befassen. Ich leite jetzt einfach auf eine andere Seite um, auf der der Button nicht ganz fehl am Platze wirkt.
 
scaramangado schrieb:
Allerdings beschränken sich meine HTML/CSS Kenntnisse auf das Nötigste und ich habe im Moment weder Zeit noch Lust mich genauer mit dem Thema zu befassen. Ich leite jetzt einfach auf eine andere Seite um, auf der der Button nicht ganz fehl am Platze wirkt.
Zum Vergrößern anklicken....

Ok, ansonsten könntest du einfach die CSS-Angaben, welche sich auf die Links a beziehen, für den Button input kopieren und noch border: 0px; hinzufügen. Das wäre nicht viel Arbeit.
Alternativ könntest du auch einfach mal die Seite verlinken, dann kann ich dir leichter eine Lösung suchen. ;ugl
 
ingoS schrieb:
Ok, ansonsten könntest du einfach die CSS-Angaben, welche sich auf die Links a beziehen, für den Button input kopieren und noch border: 0px; hinzufügen. Das wäre nicht viel Arbeit.
Alternativ könntest du auch einfach mal die Seite verlinken, dann kann ich dir leichter eine Lösung suchen. ;ugl
Zum Vergrößern anklicken....

Meine CSS-Daten bezeihen sich aber auf "buttom_label" und "button_column", deshalb habe ich auch <h3> im <a>-Tag.
 
ingoS schrieb:
o_O
Das kann ich jetzt nun wirklich nicht nachvollziehen, wenn ich es nicht in der Praxis sehe. Kann man deine Seite vielleicht irgendwo einsehen?
Zum Vergrößern anklicken....

Leider noch nicht, sie wird erst am Montag veröffentlicht.
Oben ist ein Bild, darunter vier Textblöcke. Wenn man mit der Maus über einen Textblock geht, verfärbt er sich, klickt man, folgt man dem Link, der im <a>-Tag definiert ist.
 
scaramangado schrieb:
Leider noch nicht, sie wird erst am Montag veröffentlicht.
Oben ist ein Bild, darunter vier Textblöcke. Wenn man mit der Maus über einen Textblock geht, verfärbt er sich, klickt man, folgt man dem Link, der im <a>-Tag definiert ist.
Zum Vergrößern anklicken....

Ja, aber buttom_label und buttom_column sind doch keine festen CSS-Bestandteile, das sind Klassen oder IDs, die im HTML-Dokument stehen - class="buttom_label" oder id="buttom_label" müsste dann irgendwo im HTML-Code stehen. Ist das so?

EDIT: Wenn du das irgendwo findest, kannst du ja den Code, der drumrum ist, oder auch den ganzen Code von der Seite, einfach mal hier rein kopieren.
 
Also:
HTML:
Code: 
<div id="bottom_menu"><a href="mailto:[email protected]?subject=Allgemeine%20Frage" title="Email senden" class="bottom_column">
<h3>E-Mail senden</h3>
<span class="bottom_label">Haben Sie Fragen? Schreiben Sie
uns eine E-Mail!</span> </a>

<a href="http://beta.inventivesoft.eu" title="" class="bottom_column">
<h3>Beta-Center</h3>
<span class="bottom_label">Helfen Sie uns bei der
Entwicklung!</span> </a>

<a href="http://inventivesoft.de/produkte" title="" class="bottom_column">
<h3>Produkte</h3>
<span class="bottom_label">Hier finden Sie unsere Programme.</span> </a>

<a href="http://inventivesoft.de/spenden.htm" title="Spenden" class="bottom_column">
<h3>Spenden</h3>
<span class="bottom_label">Entwicklung kostet Zeit und Geld. Ganz besonders letzteres ;-)</span> </a>

</div>

CSS:
Code: 
#bottom_menu {float:center; background-color:#0b0b0b; border-top:0px solid #1a253f; border-bottom:0px solid #1a253f;}
a.bottom_column {display:block; padding: 17px 25px; position:relative; float:left; width: 181px; border-left:0px solid #1a253f;}
	a.bottom_column:first-child {
	width: 184px;
	border-top-width: 0px;
	border-right-width: 184px;
	border-bottom-width: 184px;
	border-left-width: 184px;
	border-left-style: none;
}
	a.bottom_column:hover {background-color: #1a253f;}
	a.bottom_column:active {background-color:#000;}
.bottom_label { color: #888; }
 
Ok, ich sehe ein, dass man den Button nicht so ohne weiteres dergestalt umformatieren kann. Du könntest höchstens die PayPal-Grafik durch eine Grafik ersetzen, die den Text mit der richtigen Formatierung schon enthält. Das wäre zwar aus Coding-Sicht eine ziemlich unschöne Lösung, aber sie funktioniert wenigstens. ;)
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben