Hallo,
ich möchte auf
dieser Seite ein funktionierendes, gut aussehendes, login-formular haben.
Ok, funktionieren tut es, aber es sieht im moment sch.... aus.
Folgende Probleme hab ich noch:
1) die 4 die ganz unten steht, wie bekomme ich die weg?
2) Ich möchte, das die beiden Felder benannt werden, also eins mit Benutzername und eins mit Passwort
3) Das ganze soll sich nicht immer verschieben. Im moment verrschiebt es sich ja nach auflösung immer, mal ist in der 1 Zeile ein eingabefeld,in der 2 Zeile eins und darunter steht login . neu anmelden und bei ner anderen auflösung steht dann das login noch in der 2 Zeile.
Wie kann ich denn ein Loginformular erstellen, das relativ auflösungs-unabhängig ist?
Im moment ist es wie folgt eingebaut:
Typosript (Setup)
Typoscript-Code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
|
[usergroup = *]
temp.10 = TEXT
temp.10.data = TSFE : id
temp.10.dataWrap (
<form action="{getIndpEnv:TYPO3_REQUEST_URL}" method="post">
<div> <span style="font-size: 11px;"><input class="logout" type="submit" value="Logout" /> · <a href=http://www.jungenzeltlager.de/84.0.html?&tx_srfeuserregister_pi1[cmd]=edit>eigene Daten bearbeiten</a>
<input type="hidden" name="logintype" value="logout" /> </div></form>
)
[else]
temp.10 = TEXT
temp.10.data = TSFE : id
temp.10.dataWrap (
<form name="form" action="index.php?id=4" method="post">
<div><input name="user" class="login" type="text" id="user" title="Benutzername" value="" onfocus="if (this.value==this.defaultValue) this.value=''" size="12" />
<input name="pass" class="login" type="password" id="pass" title="Passwort" onfocus="if (this.value==this.defaultValue) this.value=''" value="" size="12" />
<input class="login" name="image" type="submit" value="Login" title="Login" />
<input type="hidden" name="redirect_url" value="{getIndpEnv:TYPO3_REQUEST_URL}" />
<input type="hidden" name="logintype" value="login" /> <input type="hidden" name="pid" value="78" />
· <a href="index.php?id=82&tx_srfeuserregister_pi1[pointer]=&tx_srfeuserregister_pi1[mode]=&tx_srfeuserregister_pi1[sword]=&tx_srfeuserregister_pi1[sort]=&tx_srfeuserregister_pi1[cmd]=create">Neu registrieren</a> </div> </form>
)
[global]
|
Design - Template
HTML-Code:
<!-- #col1: Erste Float-Spalte des Inhaltsbereiches --> <div id="col1"> <div id="col1_content" class="clearfix"> <h2>Spalte #col1</h2> <p>...</p> </div> <!-- #login: login --> <div id="login"> <a id="login" name="login"></a> <!-- Skiplink-Anker: login --> </div> <!-- #login: - Ende --> </div> <!-- #col1: - Ende -->
CSS:
PHP-Code:
#login {width:67%;}
#login_content {margin-left:1em; margin-right:1em; color:#444; background:inherit;}