[Faircamion]

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:

########## # Login-BOX# ########## [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> ) # #<b>#Ansonsten wird der [else] Zweig angezeigt</b> # [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] # / Login-BOX

Design - Template

<!-- #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;} 


[just2b]

ich hab hier mal ein howto geschrieben:
TYPO3.net - Login-Design II

der rest ist nur mehr eine sache vom CSS und wenn du irgendwas benennen willst, dann schreib das doch einfach rein

georg

[Faircamion]

Ok, das habe ich so gemacht.

Nur kenne ich mich kaum mit css aus, um nich zu sagen garnicht.

Kann mir dann jetzt jemand sage, wie ich:

1) zwischen das Dropdownmenü und das login eine oder zwei freizeilen bekomme, incl. einer Überschrift fürs login

und

2) wie ich den Text weiter vom rand weg bekomme?(siehe Bild)

[Faircamion]

Niemand da, der mir dabei helfen kann?

[MistaD]

Hallo,

indem du wegen dem Abstand dem DIV Layer eine CSS Klasse zuweist, in der du dann mit margin oder padding arbeitest.

.login {
margin-top: 10px;
}

Eine Überschrift machst du z.B rein indem du einfach einen zusätzlichen Div ins TS einbaust

<div>Überschrift</div>

und den Text vom Rand kannst du auch wieder mit CSS steuern, Klasse anlegen und z.B.:

.rand {
padding-left: 10px;
}

Teste einfach mal...

[Faircamion]

Danke, sieht jetzt auf jeden Fall schon besser aus!