Seite 1 von 1

Kontaktformular im Postkartenformat

Verfasst: Sa 30. Jan 2021, 19:56
von Werner-Zenk.de
kontaktpostkarte.png

https://werner-zenk.de/archiv/kontaktfo ... format.php

Ich habe da eine "alte Idee" von mir mal wieder Online gestellt. Jetzt aber mit aktualisierten Quelltext (PHP, CSS und JavaScript). Der Versandt der E-Mail erfolgt über dem phpMailer (Version: 6.2)

Re: Kontaktformular im Postkartenformat

Verfasst: So 31. Jan 2021, 05:29
von Tommy Herrmann
Das ist eine wirklich hübsche und ausgefallene Idee.

Prima und vielen Dank :tu:

Du hast die Dateien und Verzeichnisse doppelt in der ZIP.

Ich habe es mal getestet und es funktioniert prima. Für einen Einbau in Mobirise müsste die CSS natürlich noch vom Benutzer responsive angepasst werden.

Re: Kontaktformular im Postkartenformat

Verfasst: So 31. Jan 2021, 14:36
von Werner-Zenk.de
Vielen Dank für die Info zum ZIP :tu:
Für einen Einbau in Mobirise müsste die CSS natürlich noch vom Benutzer responsive angepasst werden.
Klar, eine Anpassung müsste bei jeder Seite stattfinden in der das eingebaut wird.

Ganz zufrieden bin ich mit der Gestaltung der Postkarte noch nicht, nach dem Absenden erscheint folgendes Bild:

karte2.png
Leider wirkt sich die CSS-Angabe: "opacity: 0.6" auch auf die Schrift aus :crying:
Würde gerne Backdrop-Filter verwenden, aber diese werden vom FF bisher nicht unterstützt!

Re: Kontaktformular im Postkartenformat

Verfasst: Mo 1. Feb 2021, 07:58
von Tommy Herrmann
Moin,

warum verwendest Du:

background-color: #FFFFFF;
opacity: 0.6;

Code: Alles auswählen

div#gesendetNachricht {
 font-family: "Comic Sans MS", Verdana, Sans-Serif;
 font-size: 24px;
 color: #828282;
 text-shadow: 1px 1px 1px #000000;
 background-color: #FFFFFF;
 padding: 15px;
 opacity: 0.6;
}
anstatt - wie in meinem Screenshot unten:

background-color: rgba(255, 255, 255, 0.5);

Code: Alles auswählen

div#gesendetNachricht {
 font-family: "Comic Sans MS", Verdana, Sans-Serif;
 font-size: 24px;
 color: #828282;
 text-shadow: 1px 1px 1px #000000;
 background-color: rgba(255, 255, 255, 0.5);
 padding: 15px;
}
... so sollte sich die Deckkraft doch nur auf den Hintergrund beziehen und nicht mehr auf die Schrift.

Deine Postkarte im Test


Postkarte-Vorne.JPG

Postkarte-Hinten.JPG

Postkarte-Versendet.JPG

Re: Kontaktformular im Postkartenformat

Verfasst: Mo 1. Feb 2021, 14:40
von Werner-Zenk.de
Dein Beispiel ist toll gemacht :tu:
Danke, daran habe ich nicht gedacht obwohl ich täglich mit der rgba() - Farbangabe arbeite!

Gestern Abend, im Bett ;) ist mir noch eine bessere Idee für die Postkarte gekommen.
https://werner-zenk.de/css/container_ho ... drehen.php (Beispiel 2)
Das wäre eine Überlegung wert, wenn die "Corona" noch lange hier ist :D