NAVIGATION
[[01) CSS and DIV]]
01) CSS and DIV
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.
At first you'll like to define the input fields. Don't forget to check Custom {FIELD} to activate this “custom” feature.
Fill in the following code:
<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>
