Zum Inhalt springen

Loginbox stylen

Erstellt am 29. Juli 2008 · 6 Antworten · letzte Antwort am 29. Juli 2008

Tags: Frage

markus_web ·

Hallo leute,

wie kann ich die Standad loginbox von Typo3 so gestallen wie ich sie brauche?

Gibt es da irgendwo eine HTML Vorlage? (wo)

Vielen Dank
Markus

d.​walter ·

Einfach mal im HTML-Quellcode schauen, wie die Loginbox gewrapt ist und dann in der eigenen CSS-Datei umschreiben!

Noch besser auf eine Extension wie newloginbox umsteigen!

Daniel

markus_web ·

Meine CSS greift auf die Loginbox schon nur will ich die noch ein Deutsch haben und ich möchte noch so sachen wie den Text der über den <form> steht ändern

Was die newloginbox angeht die habe ich schon ausprobiert nur hatte die probleme mit den md5 Passwörtern

markus_web ·

sowas suche ich wie kriege ich das hin?
Php und dann direckt auf die DB zugreifen?

Und wie bekomme ich dann den code an die richtige Stelle im Typo?

einpraegsam.​net ·

Z.B. ins Setup:

# Loginformular
temp.login = COA
temp.login {
	10 = TEXT
	10.value = <form action="
	20 = TEXT
	20.typolink {
		parameter.data = TSFE:id
		returnLast = url
	} 
	30 = TEXT
	30.value = " id="a7b1780dfec72cddaa6733fd047f496dd" name="a7b1780dfec72cddaa6733fd047f496dd" enctype="multipart/form-data" method="post" class="loginform">
	40 = TEXT
	40.value = <input name="logintype" value="login" type="hidden" />
	50 = TEXT
	50.value = <input name="pid" value="{$pid_feuser}" type="hidden" />
	60 = TEXT
	60.value = <input name="user" size="20" value="Dein Vorname" onfocus="if(this.value=='Dein Vorname') this.value='';" onblur="if(this.value=='') this.value='Dein Vorname';" type="text" id="user" class="username" />
	70 = TEXT
	70.value = <input name="pass" size="20" value="Deine E-Mail" onfocus="if(this.value=='Deine E-Mail') this.value='';" onblur="if(this.value=='') this.value='Deine E-Mail';" type="password" id="pass" class="password" />
	80 = TEXT
	80.value = <input name="submit" value="Login" type="submit" class="submit" />
	100 = TEXT
	100.value = </form>
}

# Logoutbutton
temp.logout = COA_INT
temp.logout {
        5 = TEXT
	5.typolink {
		parameter = {$pid_logout_redirect}
		returnLast = url
	} 
        5.wrap = <form action="|" class="loginform">
	10 = TEXT
	10.value = <input type="button" value="Logout" class="submit" onclick="location='
	20 = TEXT
	20.wrap = {$baseURL}|
	20.typolink {
		value = bla
		parameter = {$pid_logout_redirect}
		returnLast = url
		additionalParams = &logintype=logout
	}
	30 = TEXT
	30.value = '" class="submit" />
	30.wrap = |<input type="hidden" name="logintype" value="logout" />
	40 = TEXT
	40.dataWrap = <div class="logoutname">{TSFE:fe_user|user|name}</div>
	50 = TEXT
	50.value = </form>
}


[usergroup = *]
page.10.subparts.LOGIN < temp.logout
[else]
page.10.subparts.LOGIN < temp.login
[end]
markus_web ·

Erstmal vielen Dank einpraegsam.net für den Code

Leider habe ich das nicht so ganz Verstanden mit den ganzen Zahlen von dem Code!

Wie bekomme ich diese Loginbox dazu so zutun wie sie soll?

<form method="post" action="./?a=login">
  <fieldset>
    <p>
      <label>Benutzername:
       <input type="text" name="user" size="15" maxlength="32" />
      </label>
    </p>
    <p>
         <label>Passwort:
	 <input type="password" name="pass" size="15" maxlength="32" />
         </label>
   </p>
       <input class="submit" type="submit" value="anmelden" name="_anmelden" />
</fieldset>
</form>
<p class="bordertop">Text</p>
<ul class="bordertop">
<li><a href="#"  class="password" title="Passwort vergessen?">Passwort vergessen?<img src="file/logo.gif" alt="Bericht" class="wh11x11"  /></a></li>
</ul>

Wo muss ich eigendlich meine PID mit den Usern bestimmen?
Hier?

        20.typolink {
                parameter.data = TSFE:id (=PID?????)

Vielen Dank