Tutorial zur New frontend login box

Extension Key: tut_ewloginbox_de

Copyright 2005, acherzog@web.de, <acherzog@web.de>

This document is published under the Open Content License

available from http://www.opencontent.org/opl.shtml

The content of this document is related to TYPO3

- a GNU/GPL CMS/Framework available from www.typo3.com

Table of Contents

Tutorial zur New frontend login box	1

Einführung	1

Was tut es?	1

Einführung:	1

Tutorial	2

FAQ	3

Setup-Einträge	4

CSS – Einträge	4

To do Liste:	7

Einführung

Was tut es?

Dies ist eine Alternative zur Login Box, die in TYPO3 integriert ist. Diese Version hat ein paar Features mehr, wie Nachrichten für ge- und missglücktes Login, Cookie – Check und Features, wenn das Passwort vergessen wurde.

Aktuell gibt es zwei Plugins in dieser Extension, so dass man außerdem ein Plugin für eine User-Liste erhält.

Nach der Installation findet man zwei Plugins, die in die Content Element Plugin Liste eingefügt wurden. Ferne gibt es ein statisches Template “newloginbox”, dass global zu den TypoScript Templates hinzugefügt wird.

Einführung:

Hier soll nur kurz beschrieben sein, wie die Newloginbox installiert und an das eigene Layout angepasst werden kann.

Diese kurze Einführung beschreibt nicht das Zusammenwirken miit anderen Extensions und auch nicht die Content Element Plugin Liste.

Hier finden Sie die Installation sowie ein Beispiel für Setup und Stylesheet, damit das Plugin an die eigenen Bedürfnisse angepasst werden kann.

Tutorial

Zunächst muss das Plugin eingefügt werden.

Dieses Plugin erlaubt es, eine Login Box auf der Seite zu plazieren.

In der Element-Übersicht findet man das Plugin:

Jetzt (und nachdem eine Position für das Element ausgewählt wurde – Links/Inalt/Rechts) erhält man diese Ansicht:

Die Grundanforderung ist, das der Seitentyp “Plugin einfügen” und das Plugin “Besseres Anmeldeforumlar” ausgewählt werden. Dann sieht man diese Flexforms - Felder:

Es gibt 5 Hauptbereiche ( DEF:) und in jedem Bereich ein Feld für die Überschrift und einen Text.

Erfolreiches Login: Das ist die Nachricht an den Benutzer, wenn er seine korrekten Zugangsdatne eingegeben hat und den Login Button gesdrückt hat.. Wenn man den String “###USER###” einfügt, wird der Benutzername angezeigt.

Missglücktes Login: Diese Nachricht erscheint, wenn das Login nicht korrekt war.

Welcome: Diese Nachricht erscheint, wann ein Benutzer noch nicht eingeloggt ist.

Status: Dies Nachricht erscheint, wenn ein Benutzer eingeloggt ist und zum Login Screen kommt. In diesem Fall zeigt das Plugin den akluellen Benutzernamen und den wirklichen Namen der Person an. Der Benutzer sieht so seinen Status. Wenn der Benutzername angezeigt werden soll, mit der String “###USER###” eingefügt werden.

Logout: Diese Nachricht erscheint, wenn der User sich ausloggt.

In allen Fällen sind Default- Nachrichten angzeigt, auch wenn Sie die Felder im Plugin leer lassen.

Der sechste Punkt ist die Frage, ob Sie den Bereich

Show "Forgot password?" link:	

aktivieren möchten (Checkbox). Wenn Sie den Haken setzen, erscheint ein Link und der Benutzer wird zu einer Seite geführt, wo er seine E-Mail Adresse eintragen kann, damit ihm sein Passwort zugesandt werden kann.

Anmerkung:

Ich war nicht sehr erfolgreich damit, diese Felder auszufüllen. Ich habe alle diese – für mich notwendigen – Einstellungen im Setup des Templates eingestellt.

FAQ

Das Login Formular funktioniert nicht! Ich weiss, dass ich einen Benutzer angelegt habe und dass Passwort korrekt ist. Aber nichts passiert!

Das Login Forumlar muss wissen, wo die Benutzer im Page Tree zu finden sind. Im dem Beispiel mit dem User Listing ist diese Relation direkt in das Plugin gesetzt: Als Ausgangspunkt (Starting Point). Das ist beim Login Formular nicht der Fall. Das basiert es auf einem neuen Konzept, names “Storage Page”.

Der Seitentyp der Seite, auf der Sie das Plugin einsetzen, muss der Seitentyp “Erweitert” sein. Im Feld “Allgemeine Datensatzsammlung” muss der Sysfolder eingetragen werden, der Ihre Benutzerdaten enthält.

Wenn Sie die Newloginbox auf mehreren oder allen Seiten verwenden, tragen Sie den Sysordner mit den Benutzern bitte auf allen diesen Seiten ein. Wählen Sie dazu “Seitentitel bearbeiten” der jeweiligen Seiten un tragen den Sysfolder mit den Benutzern in “Allgemeine Datensatzsammlung” ein.

Setup-Einträge

Hier ist der entsprechende Auszug aus einem Setup als Beispiel für die Anpassungen:

plugin.tx_newloginbox_pi3._CSS_DEFAULT_STYLE = .tx-newloginbox-pi3-listrow TD { background-color:#eeeeee; padding-left: 3px; padding-right: 3px; }

.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD { background-color:#cccccc; }

.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD P { font-weight:bold; }

.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-odd TD { background-color:#f6f6f6; }

plugin.tx_newloginbox_pi1._LOCAL_LANG {

de {

oLabel_header_welcome =

oLabel_msg_welcome =

oLabel_header_logout = Sie haben sich abgemeldet

oLabel_msg_logout =

oLabel_header_error = Anmeldefehler

oLabel_msg_error = Bitte versuchen Sie es erneut

oLabel_header_success = Anmeldung erfolgreich

oLabel_msg_success = Sie sind angemeldet als ###USER###

oLabel_header_status =

oLabel_msg_status =

username = Benutzername:

password = Passwort:

login = Login

logout = Abmelden

send_password = Passwort senden

your_email = Ihre Email-Adresse:

forgot_password = Passwort vergessen?

}

}

CSS – Einträge

Hier ist der entsprechende Teil im CSS.

/*Styles der New Login Box*/

DIV.tx-newloginbox-pi1 {

background-color: transparent;

color: #000000;

font-family: Tahoma, Verdana, sans-serif;

font-size: 11px;

text-decoration: none;

margin-left: -1px;

}

/*Ausrichten der überschriften*/

DIV.tx-newloginbox-pi1 H3 {

margin-left: 4px;

background-color: transparent;

color: #000000;

font-family: Tahoma, Verdana, sans-serif;

font-size: 11px;

font-weight: bold;

text-decoration: none;

}

/*Ausrichtung der Texte*/

DIV.tx-newloginbox-pi1 P {

margin-left: 4px;

}

DIV.tx-newloginbox-pi1 TABLE {

margin-top:0px;

padding-top:0px;

width: 100px;

margin-left: -1px;

}

DIV.tx-newloginbox-pi1 TABLE TR TD P {

margin-top:0px;

padding-top:0px;

margin-left: -1px;

}

DIV.tx-newloginbox-pi1 TABLE TR TD {

margin-top:0px;

padding-top:0px;

margin-left: -1px;

}

DIV.tx-newloginbox-pi1 TABLE TR {

margin-top:0px;

padding-top:0px;

margin-left: -1 px;

}

/*Ausrichtung des Submit Buttons*/

DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.tx-newloginbox-pi1-submit {

margin-left: -1px;

margin-top: 6px;

border: 1px solid #000000;

background-color: #FFFFFF;

width: 100px;

}

/*Für den Inhalt der Eingabefelder*/

DIV.tx-newloginbox-pi1 TABLE TR TD INPUT {

margin-left: 0px;

margin-top: 4px;

border: 1px solid #000000;

background-color: #FFFFFF;

width: 100px;

}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-forgotP {

margin-top:0px;

margin-left: 4px;

padding-top:0px;

width:100px;

}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-forgotP A {

margin-top:0px;

margin-left: 0px;

padding-top:0px;

width:100px;

align: center;

}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-back {

margin-top:0px;

margin-left: 4px;

padding-top:0px;

width:100px;

}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-back A {

margin-top:0px;

margin-left: 4px;

padding-top:0px;

width:100px;

}

/*Ausrichtung des Usernamens, wenn angemeldet*/

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-username {

margin-left: 4px;

margin-top:0px;

padding-top:0px;

width:50px;

align: center;

}

To do Liste:

Benutzerliste beschreiben

Zusammenwirken mit der Extension Front End User Registration beschreiben.

Tutorial zur New frontend login box -

Tutorial zur New frontend login box

Kasper Skårhøj

2002-11-01T00:32:00

Andrea Herzog-Kienast

Andrea Herzog-Kienast