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.

CSS Formularvorlage



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:

Template

<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>
english/phpwcms-system/article/contentparts/form/templates/css-div-01.txt · Last modified: 2010/03/23 11:52 by Knut Heermann (flip-flop)
www.planmatrix.de www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0