Button Spenden

Hallo zusammen,

ich würde gerne eine Spenden Button auf meiner Webseite einbauen, der am rechten Rand der Webseite mitläuft und natürlich auch Mobil funktioniert. Der Button soll auf eine Unterseite verlinken.
Hat jemand eine "einfache" Beschreibung für mich wie ich vorgehen muss?

Besten Dank für Eure Hilfe :)

Meinst Du wie Du den Button am besten platzierst, damit er "mitläuft" oder wie Du den technisch setzt?

Code:

---

element.style {
    position: fixed;
    right: 0;
    top: 30%;
    width: 100px;
    z-index: passenden Wert einsetzen;
}

---

so etwa?

Hallo, Dank für die schnell Hilfe.
Genau wie ich den Button technisch einsetze.
Mir fehlt da noch die Logik, wie ich das umsetzen soll.

Vielen Dankl

Hallo jo94,

am einfachsten mit einem Module vom Typ „HTML”.

Dort dann den Code einbauen und das Modul ins Seitenlayout einbinden.

Hallo, wau Dankeschön, das hat schon mal prima geklappt.
Haben Sie auch eine Lösung für mich, wie ich einen Effekt einbaue wie z.B ein leichtes Aufbeulen wenn man auf den Button klickt?

Gerne.
Das lässt sich sicher mit CSS machen.
Stichwort „transform” -> https://www.w3schools.com/css/css3_2dtransforms.asp

Beim hover-Satus dann das transform ergänzen - z. B.:

Code:

---

div:hover {
  -ms-transform: scale(2,3); /* IE 9 */
  transform: scale(2,3); /* Standard syntax */
  }

---