NAVIGATION
[[01) CSS and DIV]]
This is an old revision of the document!
01) CSS und DIV
translate
CSS Template for CP form
Forum: http://forum.phpwcms.org/viewtopic.php?p=113266#p113266
Autor: Uwe367
This is an example for a CP Form template, which is made up entirely with CSS and DIV container technology. All formatting is taking place within the template itself.
Zunächst die Eingabefelder definieren, dabei den Schalter Custom {FIELD} aktivieren.
Hier den unten stehenden Code einfügen:
<div style="margin: 0 auto; width:300px; height:auto;"> <div style="float:left; padding: 10px 0px 5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;"> {LABEL:Vorname}<br /> {Vorname}<br /> <div style="float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #FF0000;">{ERROR:Vorname}</div></div> <div style="float:left; padding: 10px 0px 5px 1px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">{LABEL:Nachname}<br /> {Nachname}<br /> <div style="float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #FF0000;">{ERROR:Nachname}</div></div> <div style="clear:left;"></div> <div style="float:left; padding: 0px 0px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">{LABEL:Strasse}<br /> {Strasse}<br /> <div style="float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #FF0000;">{ERROR:Strasse}</div></div> <div style="float:left; padding: 0px 0px 0px 1px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">{LABEL:Hausnummer}<br /> {Hausnummer}<br /> <div style="float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #FF0000;">{ERROR:Hausnummer}</div></div> <div style="clear:left;"></div> <div style="float:left; padding: 5px 0px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">{LABEL:Plz}<br /> {Plz}<br /> <div style="float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #FF0000;">{ERROR:Plz}</div></div> <div style="float:left; padding: 5px 0px 0px 1px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">{LABEL:Wohnort}<br /> {Wohnort}<br /> <div style="float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #FF0000;">{ERROR:Wohnort}</div></div> <div style="clear:left;"></div> <div style="float:left; padding: 5px 0px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">{LABEL:Mail}<br /> {Mail}<br /> <div style="float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #FF0000;">{ERROR:Mail}</div></div> <div style="clear:left;"></div> <div style="float:left; padding: 5px 0px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">{LABEL:Nachricht}<br /> {Nachricht}</div> <div style="clear:left;"></div> <div style="float:left; padding: 5px 0px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">{LABEL:Captcha}<br /> {Captcha} </div> <div style="float:left; padding: 13px 0px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">{LABEL:Code}<br /> {Code}<br /> <div style="float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #FF0000;">{ERROR:Code}</div></div> <div style="clear:left;"></div> <div style="float:left; padding: 5px 0px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">{submitIt}</div> <div style="float:left; padding: 5px 0px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">{resetIt}</div> <div style="clear:left;"></div></div>
