Zum Inhalt springen

fe_login Layout anpassen

Erstellt am 29. August 2010 · 1 Antwort · letzte Antwort am 29. August 2010

Tags: felogin, HTML & CSS, Frage

Fupro ·

Hallo zusammen,

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

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.

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

.loginbox-field {
	width: 100px;
}

Das Setup meiner Hauptseite.

  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.

<!--

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