Formular in x- beliegbigen Spalten darstellen

Heute möchte ich euch zeigen wie Ihr ein Forumuar in WordPress in mehreren Spalten darstellen könnt.

Was brauchen wir ?

ContactForm 7 Plugin
Column Shortcodes (alternativ ein Theme das Bootstrap unterstützt)

3 2 1 Los gehts.

Wenn Ihr die Beiden Plugins Installiert habt erstellt ihr zu erst eine Seite um an die Shortcodes für die Spalten heranzukommen.

 

 

Nun klickt ihr auf das Icon von des Spalten Generators. Ich wähle ein drei Spalten Design aus.

 

Jetzt  öffnet ihr ContactForm 7 und fügt folgenden Code in das Feld ein und speichert.

 

<div id=“contactform“>

[one_third padding=“0 30px 0 0″] <label> [text dein-name „Name“] </label> [/one_third] [one_third[ padding=“0 30px 0 0″] <label> [email* your-email „E-Mail“] </label> [/one_third] [one_third] <label> [text telefon „Telefon“] </label> [/one_third] <label> </label>

[textarea your-message „Ihre Mitteilung“] [submit „ABSENDEN“]

</div>

 

So oder so ähnlich sollte jetzt euer Kontaktformular aussehen.

 


WordPress Design für Anfänger mit dem Page Builder von Site Orign

Was ist der Pagebuilder ?

Der Pagebuilder  von SiteOrigin ist ein einfacher  responisver und Grid basierenter Pagebuilder.

Besondere Merkmale  :

  • Jede Widgets können in Pages oder Post angelegt werden.
  • Schnelle Ladezeiten in der Grundausstattung

 

Was wird benötigt  ?

 

Wie installiere ich die Plugins ?

Dashboard ->  Plugins – > Plugins  Installieren

Weiterlesen




Construct 2 Black screen beim Html export . Eine Lösung.

Vor kurzen hatte ich immer wieder probleme mit Construct 2 beim exportieren  in HTML 5.  Dabei habe ich immer einen Schwarzen Bildschirm erhalten. Ein vorläufige Lösung zu dem Problem ist. Ihr müsst die Spiele, wenn ihr einen Dropbox zugang habt, in den Puplic  Ordner ablegen. Dann die  Index.html  den Link veröffentlichen und schon sind eure Spiele online spielbar.






CSS 3 Border Präfixe

Ab  CSS3 gibt es neue   Eigenschaften   für  das Border Präfixe.  Für die Verschiedene Browser lauten sie folgender Maßen.

-webkit-  für Chrome
-moz- für Mozilla Firefox
-o- für Opera
-ms- für  Microsoft.

Ein Beispiel  für  Abgerundete Ecken.

border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;