---
title: "fe_login Layout anpassen"
url: "https://www.typo3.net/d/100916-fe-login-layout-anpassen"
source: "typo3.net"
tags: ["Extensions","Frage","HTML & CSS","felogin"]
created: "2010-08-29"
last_reply: "2010-08-29"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# fe_login Layout anpassen

Extensions · 1 Antwort · gestartet 2010-08-29

## Eröffnungsbeitrag

**Fupro** · 2010-08-29 · [Beitrag #1](https://www.typo3.net/d/100916-fe-login-layout-anpassen/1)

Hallo zusammen,

Ich möchte das Layout der felogin an meine Webseite anpassen.
In meinem SYS-Ordner habe ich ein neues Template erstellt.

```typoscript
tmp.LOGINBOX < tt_content.login
tmp.LOGINBOX.20.layout = <div class="loginbox-label">###LABEL###</div><div class="loginbox-field">###FIELD###</div>
```

In der Datei style.css steht der folgende Code.

```css
.loginbox-label {
	font-family: Verdana,Arial,Helvetica;
	color: #FFFFFF;
	font-size: 8pt;
}

.loginbox-field {
	width: 100px;
}
```

Das Setup meiner Hauptseite.

```typoscript
  page = PAGE
  page {

 
     # Allgemeine Seiteneigenschaften setzen
     bodyTag = <body>
    
     # CSS Datei einfügen
     includeCSS{
      screen = fileadmin/style.css
      screen.title = display
      screen.media = screen
     }
 
     # Die Designvorlage integrieren
     10 = TEMPLATE
     10.template = FILE
     10.template.file = fileadmin/vorlage.html
     10.workOnSubpart = DOKUMENT
 
     10.subparts.LOGINBOX < tmp.LOGINBOX
```

Typo macht dann das folgende daraus.

```html
<!--

BEGIN: Content of extension "felogin", plugin "tx_felogin_pi1"

-->

<div class="tx-felogin-pi1">
		

<h3>Benutzeranmeldung</h3>
<div>Geben Sie Ihren Benutzernamen und Ihr Passwort ein, um sich an der Web-Site anzumelden:</div>

<!-- ###LOGIN_FORM### -->
<form action="homepage.html" target="_top" method="post" onsubmit="">
	<fieldset>
	<legend>Anmelden</legend>
	<div>
		<label for="user">Benutzername:</label>
		<input type="text" id="user" name="user" value="" />
	</div>
	<div>

		<label for="pass">Passwort:</label>
		<input type="password" id="pass" name="pass" value="" />
	</div>
	
	
	
	<div>	
		<input type="submit" name="submit" value="Anmelden" />
	</div>

	<div class="felogin-hidden">
		<input type="hidden" name="logintype" value="login" />
		<input type="hidden" name="pid" value="19" />
		<input type="hidden" name="redirect_url" value="" />
		<input type="hidden" name="tx_felogin_pi1[noredirect]" value="0" />
		
	</div>
	</fieldset>
</form>

<!-- ###LOGIN_FORM### -->

</div>
	
<!-- END: Content of extension "felogin", plugin "tx_felogin_pi1" -->
```

Da die erste Zeile meines Templates funktioniert vermute ich das es an der zweiten Zeile liegt.
Ich weiß nur nicht was ich da falsch mache.
Es geht mir hauptsächlich um die weiße Schriftfarbe..... schwarz kann man aus einem dunkelblauen Hintergrund kaum lesen.

Vielleicht kann mir jemand einen Tipp geben was ich hier falsch mache.

Gruß
Thomas

## Antworten

### [#2](https://www.typo3.net/d/100916-fe-login-layout-anpassen/2) · lisardo · 2010-08-29

Hallo Thomas,

nimm die Zeile screen.title = display raus, die gehört da nicht rein. Das title-Attribut ist nur dazu da, um alternative CSS-Dateien zu definieren:

[Specifying external style sheets](http://www.w3.org/TR/REC-html40/present/styles.html#h-14.6)

Das hilft vielleicht auch noch:
[Title Attributes in CSS Link Tags Prevent Styles from Being Applied](http://blogs.telerik.com/dimodimov/posts/08-05-15/title_attributes_in_css_link_tags_prevent_styles_from_being_applied.aspx)

Gruß
Peter

---

Quelle: „fe_login Layout anpassen“, typo3.net, https://www.typo3.net/d/100916-fe-login-layout-anpassen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
