Kontaktformular

  • Die nachfolgende
    Frage wurde bereits gestellt und ich habe die angebotene Lösung ausprobiert.
    Auf alle möglichen und unmöglichen Arten.


    Kontaktformular

    Hallo Service Team,


    ich habe ein Problem mit dem Kontaktformular. Meine HP ist generell in dunklem
    Hintergrund und weißer Schrift. Das Kontaktformular selbst hat einen weißen Hintergrund,
    was auch kein Problem ist. Nur ist hier scheinbar die Schriftfarbe auch in weiß?


    Jedes Mal wenn ich via ZP die Webseite aktualisiere werden die korrigierten
    Werte #000000 wieder zurück auf #666666 gesetzt. Ich habe verschiedene CSS
    Editoren ausprobiert. Immer wenn ich die Dateien überprüfe bevor ich in ZP die Webseite
    aktualisiert habe, bleiben die korrigierten Werte erhalten.


    Kann mir jemand helfen?


    Danke

  • Hallo,

    beschreibe bitte mal ganz genau:

    A: Welche CSS Datei du editierst (den Namen)
    B: Wo befindet sich diese auf deinem Rechner (den kompletten Pfad bitte)?
    C: In welchem Abschnitt der CSS, editierst du die Schriftfarbe?
    D: Bitte mal den Link zu der angebotenen Lösung hier im Forum posten.
    E: Von welchem Layout reden wir?

    Wenn wir diese Infos haben, dann machen wir weiter.

    Gruß
    Jochen

    Gruß
    Jochen

  • Hallo hjochen

    Vorerst mal Gratualtion au eurem echt tollen und absolut shcnlelen Support. Einmalig!!!

    A: Welche CSS Datei du editierst (den Namen) -> styles.css

    B: Wo befindet sich diese auf deinem Rechner (den kompletten Pfad bitte)? -> C:\Users\Walter\Documents\Zeta Producer 11\Projects\Christiane Wyler\Preview\_media

    C: In welchem Abschnitt der CSS, editierst du die Schriftfarbe? -> Form Global -> dann unter ***** FORM *****

    ut {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #666666;
    }
    #formular textarea {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #666666;

    dabie stellle ich den Wert #666666 auf #000000


    D: Bitte mal den Link zu der angebotenen Lösung hier im Forum posten. -> https://community.zeta-producer.com/layouts-vorlagen/817-kontaktformular/#post3414


    E: Von welchem Layout reden wir? -> Simple Responsive

    Meine Webseite ist im Testbetrieb online unter: http://www.christiane-wyler.com/test/kontakt.html

    Gruss
    Walter

  • Hallo Walter,

    danke für deine detailierte Antwort:

    Zu D: Diese Anleitung die du hier im Forum gefunden hast, ist nicht für die 11er Version des ZP!
    Zu B: Diese Styles.css Datei dir du dort editierst ist falsch (der falsche Ordner).
    Zu A: Das ist die richtige Datei, bloß halt noch die im falschen Ordner (wo sich dir richtige befinden muss und soll, dazu komme ich dann ggf. noch bei der nächsten Antwort).

    Und jetzt zu C und E:

    Bevor ich dir genaueres dazu schreibe, würde ich gerne von dir wissen:

    Was genau möchtest du im Kontaktformular geändert haben?
    Die Schriftfarbe/Hintergrundfarbe der Eingabefelder, oder des "Send" Buttons?

    Das was du unter C in der dortigen Styles angezeigt bekommst, sieht nähmlich in der dann richtig zu bearbeiteten styles.css Datei anders aus, und ich würde dir dann die richtigen "stellen" wo du was ändern solltest, schreiben.

    Falls es nur um den Send-Button gehen sollte, kannst du auch mal folgendes versuchen:
    Im Layout-Designer > Expertenansicht > Button, mit den dortigen Einstellungen experimentieren.
    Da der "Send"-Button, einige seiner Information von dort bezieht.
    (Diese änderungen haben aber dann auswirkungen auf alle Buttons deines Projekts, sofern noch andere vorhanden sind).

    Gruß
    Jochen

    Gruß
    Jochen

  • Hallo Jochen


    Ich möchte die Schriftfarbe im Feld Name und im Feld Email von derzeit weiß auf
    schwarz geändert haben. Im Textfeld ist die Farbe bereits richtig mit schwarz
    eingegeben (denke das ist Standard). Den Rest können wir lassen wie es ist.


    Danke und Gruß


    Walter

  • Hallo Walter,

    ok, dann geht es jetzt los:

    Du musst als ersten Schritt, den Original-Layoutordner deines verwendeten Layouts in deinen Projektordner kopieren.

    Schau dir dazu bitte angehängtes Bild an.

    - Im oberen Teil des Bildes ist der Pfad, wo sich die Orginallayouts des ZP befinden (ist ein versteckter Order, daher bitte auf Sichtbar umstellen)

    - Im unteren Teil des Bildes ist der Pfad, wohin du das Originallayout kopieren musst.

    Also:

    1. Erstelle in deinem Projekordner einen Order namens "Layouts" (wie im unteren Teil des Bildes)
    2. Kopiere dir nun den Originalorder des Layouts, in deinem Fall Simple Responsive in den erstellten Ordner "Layouts" deines Projektordners rein. (Originallayout liegt, wie im oberen Teil des Bildes zu sehen)
    3. Nun hast du dort eine Kopie des Layouts drin, das du bearbeiten kannst.
    4. Dieses Layout hat nun Priorität, wenn du dein Projekt im ZP öffnest.
    5. Jetzt entweder die Tastenkombination STRG-SHIFT-T drücken, oder kurz in den Layoutdesigner gehen um die Änderungen einzulesen > Damit weiß der ZP dann, woher er seine Informationen beziehen soll.
    6. In diesem Ordner befindet sich nun auch die richtige Styles.css Datei die du editieren kannst (deinprojektname/Layouts/Simple Responsive/_media)

    So, das war Schritt eins (jetzt erstmal kurz verschnaufen :)

    Kurze zwischeninfo dazu: Wenn du nun dort in den Dateien Änderungen vornimmst, übernimmt weder Zeta-Software noch ich, eine Garantie auf die weitere Lauffähigkeit deines Projekts, da dies nicht offiziel unterstützt wird. Also bitte aufpassen, was du dort genau machst! Sicherheitshalber vorher eine Sicherungskopie anlegen!.

    Nun geht es weiter:
    In der dortigen Styles.css Datei gehst du nun bis zu dem Abschnitt /***** FORM GLOBAL *****/

    Diese sollte so aussehen:

    /***** FORM GLOBAL *****/
    formular .asfield{display: none;}
    #formular input[type="text"], #formular textarea, #formular select{
    font-size: inherit;
    background: #ffffff;
    padding: 6px 8px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    border: 1px solid rgba(0, 0, 0, 0.2);

    Und dort machst du deinen Farbeintrag, zwischen font-size und background, also so dann:

    /***** FORM GLOBAL *****/
    formular .asfield{display: none;}
    #formular input[type="text"], #formular textarea, #formular select{
    font-size: inherit;
    color: #000000;
    background: #ffffff;
    padding: 6px 8px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    border: 1px solid rgba(0, 0, 0, 0.2);

    Jetzt noch die Änderungen abspeichern und den Schritt 5 oben durchführen, so das der ZP die Änderungen auch übernimmt.

    FERTIG!

    Gruß
    Jochen

    P.s.: Würde mich über eine Rückmeldung freuen, ob es geklappt hat, und meine Anleitung verständlich war?

  • Hallo Jochen


    Das ging aber schnell. Danke für die tolle Info und Anleitung. Habe alles so
    gemacht wie beschrieben. Anbei 3 Anhänge wo Du siehst wo meine Dateien jetzt
    sind und was ich geändert habe. Leider ist die Schrift immer noch weiß wenn ich
    die Webseite erstelle. Was habe ich falsch gemacht? Woran könnte das noch
    liegen?

  • Hallo, der Fehler ist in dem Bild "Capture2" zu sehen:

    Du hast dort folgenden Pfad: Zeta Producer / Projects / Christiana Wyler > Layouts > de > Simple Responsive > _media

    Das sollte aber so sein: Zeta Producer / Projects / Christiana Wyler > Layouts > Simple Responsive > _media

    Also es darf keinen Ordner "de" geben!
    Sondern den "Simple Responsive" Ordner, dierkt in den Ordner "Layouts".
    (Siehe in der Anleitung oben im Schritt 6)

    Korrigiere das, und dann wird es gehen.

    Gruß
    Jochen

    Gruß
    Jochen

  • Hallo Jochen


    Toll. Jetzt klappt's PERFEKT.


    Nun noch eine andere Frage. Wenn ich eine E-Mail mittels des Kontaktformulars
    send wird nach erfolgtem Versand die folgende Seite geöffnet (siehe Anhang.)
    Ist es möglich das zu verhindern oder dann wenigstens die Einstellungen so zu
    machen, dass diese Erfolgs/Misserfolgsmeldung in einem neuen Tab erscheinen?


    Dance und Gruss

    Walter

  • Hallo,

    das sollte eigentlich nicht passieren und die Schriftfarbe für Formularfelder sollte immer lesbar bleiben. Wir werden das mit dem nächsten Update für dieses Layout korrigieren.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Danke. Mein
    Website Provider unterstützt PHP mit Sicherheitsabfrage leider nicht. Er hat mir
    aber empfohlen, dies mit CAPTCHA zu machen. Habt Ihr damit Erfahrung und wenn
    ja wie bindet man das im ZP Kontaktformular ein?


    Gruss

    Walter

  • Hallo,

    die ZP Kontaktformulare gibt es nur wie angeboten. Allerdings ist das Formular mit gewähltem Skript "PHP mit Sicherheitsprüfung" ja bereits mit Captcha!

    Unterstützt Ihr Provider also generell kein PHP oder wo genau liegt das Problem?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!