• Version: 1.2
  • Downloads: 34
  • Dateigröße: 1.11 MB
  • Author: Günther Hörandl
0.0/5 Bewertung (0 Stimmen)

metis

Kontaktformular

chloe

Beschreibung

"metis" ist das erste vollkommen optimierte Formulartemplate für das CMS GHKit.

Es kann aber natürlich auch als eigenständiges Formular oder auch in jede x-beliebige HTML/PHP Homepage eingebaut werden.

Genauso wie das Template "chloe" ist es mit dem Bootstap-Framework ausgestattet, damit lässt sich "metis" perfekt in eine Bootstrap Webseite integrieren.

Bei diesem einfachen und dennoch professionellen Kontaktformular wurden folgende Formularfelder eingebaut:

  • ein Auswahlfeld für die Anrede
  • ein Eingabefeld für den Namen
  • ein Eingabefeld für die E-Mail Adressse
  • ein Auswahlfeld für den gewünschten Empfänger
  • ein Eingabefeld für den Betreff
  • ein Textfeld für die eigentliche Nachricht
  • ein File-Feld für die Möglichkeit einen Anhang zu senden
  • eine Checkbox um die Zustimmung der Datenschutzbestimmungen zu bestätigen
  • ein Captcha für die Sicherheitscodeabfrage

Die Anzahl der Felder wurde auf ein Minimum beschränkt, sodass es sowohl in der kostenlosen LITE-Version als auch in der FULL-Version (Vollversion) verwendet werden kann.

 

Top Features

  • Optimierung für das CMS GHKit
  • Bootstrap Look
  • funktioniert auch in der LITE Version
  • alle Eingabefelder aktivieren bzw. deaktivieren
  • zusätzliche einstellbare Parameter (Sprache, Zeichencodierung und zu ladende CSS)
  • 2 Sprachen (deutsch und englisch)

 

Dieses Template wurde für die phpContact Version 3.0.0 entwickelt!

horizontale Linie

Liste der eingebauten Formularfelder

Nr. Label Name Type aktiv * Pflichtfeld *
1 Absender salutation select ja ja
2 Name name input ja ja
3 E-Mail Adresse absendermail email ja ja
4 Empfängerauswahl select-empfaenger select-empfaenger nein nein
5 Betreff betreff input ja ja
6 Nachricht message textarea ja ja
10 Anhang attachment file ja ja
11 Datenschutz pivacy checkbox ja ja
12
13
Sicherheitscode captcha-img
captcha-input
captcha
input
ja -
14 Senden b4yf_submit button - -

* In der Grundausstattung so eingestellt. Kann aber im Administratorbereich geändert werden.

horizontale Linie

"metis" einrichten

 

Konfiguration der Bootstrap CSS mit dem Bootstrap Customizer

Die CSS Dateien bootstrap.css, bootstrap.min.css, bootstrap-theme.css und bootstrap-theme.min.css (die sich im Unterordner chloe/css/bootstrap/css/ befinden) wurden mit dem Bootstrap Customizer in den Grundfarben und nur mit allen notwendigen CSS Eigenschaften erstellt.

Um sich sein eigenes Style bzw. die eigenen Farben zu erstellen, benötigt man die Source Datei /chloe/css/bootstrap/config.json. Diese ladet man zuerst in den Bootstrap Customizer und passt danach seine gewünschten Attribute an. Wenn alle Einstellungen vorgenommen wurden, kann man am Seitenende die neuen CSS Dateien generieren lassen und als gepacktes ZIP Archiv downloaden. Dann nur noch diese ZIP Datei entpacken und auf den Server in das Verzeichnis /chloe/css/ hochladen (existierende Dateien überschreiben). Jetzt das phpContact Formular neu laden und das neue Design bewundern.

 

Einbau per include oder require in eine bestehende Bootstrap Homepage

Da sich in einer bestehenden Bootstrap Homepage schon die notwendigen CSS Dateien befinden, sollten diese nicht nochmals durch phpContact bzw. "chloe" geladen werden. Außerdem werden für "chloe" die Farben der Homepage übernommen und das Formular wird automatisch an das Design angepasst.

Dazu muss im phpContact Administratorbereich bei den Konfigurationseinstellungen des chloe Templates der Punkt CSS Variante: "only_system" gewählt werden. Somit werden nur die notwendigen CSS Deklarationen für das Layout geladen.

 

Einbau in das CMS GHKit

Wenn "metis" in das CMS GHKit eingebaut wird, werden automatisch alle notwendigen Designanpassungen automatisch vorgenommen. Dabei werden die Kongigurationspunkte "CSS Variante" und "Bootstrap JS laden" ignoriert.

 

Zusätzliche Informationen

 

History

  • v1.2 [18.03.2018]

    • Design Perfektion für GHKit Template Omen, Helios und Xena hinzugefügt
    • kleiner Bugfix (Select Anrede)
  • v1.1 [11.09.2017]

    • Design Perfektion
    • GHKit Integration verbessert
  • v1.0 [04.07.2017]

    • first Release

horizontale Linie

Kommentare (0)

Supportfragen werden nicht veröffentlicht und nicht beantwortet.
Bitte nur Kommentare schreiben.

Bitte einloggen, um einen Kommentar zu schreiben.