Login mit mehreren Boxen

Login mit weiteren Boxen

Das Design "Clean" besitzt nur eine rechte Box.
In den Einstellungen können wir wählen, welches Extra in unserer Box eingebunden werden soll.
Wurde z.B. "Login" für die rechte Box gewählt (oder Uhr) lässt sich kein weiterer Inhalt in der Box einfügen.

Schritt 1:
Zuerst fügen wir im Feld "rechte Box" drei DIV-Elemente ein. Diese dienen uns als Boxen.
Die Beschreibung findet Ihr hier : Mehrere Boxen im Design Clean


Schritt 2: HTML-Code des Logins
Den folgenden HTML-Code fügt Ihr nun als Inhalt in das erste DIV ein.
Also zwischen <div class="boxen"> und dem </div> . Mit dem </div> endet eine Box.
Siehe auch den roten Text auf der Beispiel-Grafik

<form style="padding:10px; margin:auto; width:190px;" method="post" action="/Login.htm">
<table style="margin-bottom:10px;">
<tbody>
<tr>
<td><b>Benutzername:</b></td>
</tr>
<tr>
<td><input type="text" name="logindata[name]"></td>
</tr>
<tr>
<td><b>Kennwort:</b></td></tr>
<tr>
<td><input type="password" name="logindata[kennwort]"></td>
</tr>
</tbody>
</table>
<input type="hidden" value="1" name="mode"> 
<input type="hidden" value="1" name="checklogin"> 
<input type="hidden" value="1" name="logindata[checklogin]"> 
<input style="width:187px;" type="submit" value="Login">  
</form>

In der 2. Box ein Menü einfügen ?
Eine Beschreibung habe ich hier : Menü in rechter Box
Den HTML-Code des Menüs wieder zwischen <div class="boxen"> und </div> einfügen.
Und z.B. dort den dritten CSS-Code verwenden und im Feld "Text ÜBER Design" einfügen.
Siehe auch den roten Text auf der Beispiel-Grafik

In der 3. Box eine Uhr einfügen ?
Anbieter von Uhren-Codes habe ich hier aufgelistet: Homepage-Tools
Den HTML-Code der Uhr wieder zwischen <div class="boxen"> und </div> einfügen.
Siehe auch den roten Text auf der Beispiel-Grafik

Damit hättet Ihr alle drei DIV - Elemente gefüllt, die uns nun als Boxen dienen.