01) CSS und DIV

CSS Template (Vorlage) für CP Formular

Forum: http://forum.phpwcms.org/viewtopic.php?p=113266#p113266
Autor: Uwe367

Hier ein Template für den CP Formular, welches ausschließlich aus CSS und DIV Containern besteht. Die Formatierungen sind als Styleanweisungen im Template platziert.

CSS Formularvorlage



Zunächst die Eingabefelder definieren, dabei den Schalter Custom {FIELD} aktivieren.

Hier den unten stehenden Code einfügen:

Vorlage

<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>
deutsch/phpwcms-system/artikel/contentparts/formular/vorlage/css-div-01.txt · Last modified: 2010/03/23 11:14 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