Kontaktformular im Postkartenformat

PHP, CSS und JavaScript lernen. Anwendungen für Webseiten
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Kontaktformular im Postkartenformat

Ungelesener Beitrag 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)
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Kontaktformular im Postkartenformat

Ungelesener Beitrag 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.
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Kontaktformular im Postkartenformat

Ungelesener Beitrag 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!
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Kontaktformular im Postkartenformat

Ungelesener Beitrag 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
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Kontaktformular im Postkartenformat

Ungelesener Beitrag 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
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 13 Gäste