Zum Inhalt springen

Login-Design

Erstellt am 19. Juli 2005 · 68 Antworten · letzte Antwort am 17. September 2008 · Seite 4 von 4

Tags: Frage

just2b ·

hmmm räum mal deine condition schrittweise auf, dann müsste irgendwann die ID verschwinden, ich find den fehler grad nicht.

alternativ schau dir mal das Login-Design-HowTo II an > #60688 ist ein bisschen sauberer

georg

CrashOverride ·

erst mal danke für eure Antworten..
ich studiere grad das Login Design HowTo II...

und an dem TSFE : id liegt es nicht.. also wenn ich es auskommentiere funktionierts immer noch nicht 🙁

aber ich hab auch gerade nicht wirklich zeit für meine seite..
werd mich heute abend damit beschäftigen und dann nochmal posten..

Julia1 ·

Hallo Ihr Lieben,

ich bin am verzweifeln. Habe das HowTo durchgearbeitet und bin trotzdem ratlos, warum es nicht geht. Ich bin mir eigentlich ziemlich sicher, das ich alles so gemacht habe, wie Georg es beschrieben hat - trotzdem klappt es nicht.

Bitte schaut Euch mal meine Sandkiste an:
http://sandbox.farger.hostingkunde.de/

Ihr könnt Euch mal mit dem User demo und PWD demo einloggen.
Über das Formular im Header will es einfach nicht klappen!
Wenn ich mich aber über das "normale" Login-Formular angemeldet habe, kann ich mich über den Logout-Button im Header zumindest abmelden - das funktioniert also.

Ich habe mir mal den Quellcode angeschaut, da steht im "normalen Anmeldeformular" noch das hidden field "challenge", welches einen dynmaschen Wert annimmt. Dieses Feld habe ich auf Euren Seiten nicht gefunden.

Kann es vielleicht daran liegen, dass ich mit der neusten newloginbox Version (2.2.11) arbeite?

Wäre sehr dankbar, wenn mir jemand weiter helfen würde - ich bin mit meinem Latein am Ende!

LG
Julia

JETZT WEIß ICH WORAN ES LIEGT !!!
Ich arbeite mit der Extension kb_md5fepw - damit die Pwds verschlüsselt gespeichert werden. Daran liegt es. Ich bin aber total überrascht, dass auf diese Problematik hier in dem langen Thread nicht einmal eingangene wurde. Heißt das etwa, das Ihr die PWDs alle im Klartext speichert?

Wie auch immer - das will ich absolut nicht. Kann man Georgs Code irgendwie erweitern, dass es auch mit der kb_md5fepw Extension klappt?

LG
Julia

just2b ·

Hallo,

wenn die user auf der Seite mit der ID 2 liegen, sollte eigentlich alles funktionieren.

georg

Julia1 ·

Hallo Georg,

nein es funktioniert nicht mit der kb_md5fepw Extension!
Ich habe die Extension deinstalliert - dann hat es prima geklappt. Aber mit kb_md5fepw läuft es nicht! Probier es mal aus!

LG
Julia

Julia1 ·

Hallo Daniel,

vielen Dank - ja, der Post hat mir sehr weiter geholfen. Ich habe die Schritte von Ilahn befolgt - und siehe da, jetzt läuft es auch bei mir ;-)

Aber was ich nicht ganz verstehe:
Im Post darunter hattest Du eine Lösung präsentiert, mit der es auch klappt, ohne die md5 Extension zu verändern. Welche Schritte von Ilahn muss ich dabei weglassen, bzw. ändern / anpassen?

LG
Julia

d.​walter ·

Hallo Julia,

das ist relativ einfach! Der Weg von Ilhan beschreibt die Änderungen, die man machen muss wenn man den Login über das TS erstellen lassen möchte.

Das von mir ist nichts anderes wie die Extension newloginbox einem Marker zuweisen und dann halt noch das Standard-Template der newloginbox nach den eigenen Wünschen anpassen.

Hat imho den Vorteil, dass man an der ganzen Programmierung in PHP nichts ändern muss. Für mich einfacher, weil ich von PHP keinen blassen Dunst habe.

Sind also zwei ganz unterschiedlich Wege zum gleichen Ziel. Eine Kombination ist nicht notwendig.

LG

Daniel

Julia1 ·

Hallo Daniel,

meinst du folgende Datei?
/typo3/typo3conf/ext/newloginbox/pi1/class.tx_newloginbox_pi1.php

.. und die hast du umbenannt bzw. kopiert nach fileadmin/template/kt-org/ext/login.htm ?

oder wo finde ich das Standardtemplate?

... reicht es nicht einfach aus, ein Formular mit den Feldern
name="pass"
name="submit"
name="logintype"
name="pid"
name="redirect_url"
name="challenge"

zu basteln und Ihnen die entsprechenden values zu geben? Nur wie würde ich die Values in der Vorlage vergeben?

Kannst Du mir mal bitte den Inhalt Deiner login.htm zeigen - ich denke, dann bin ich schlauer.

LG
Julia

Julia1 ·

Hallo,

habe es geschafft ;-).
Mein Problem war, dass das Verzeichnis inkl. Standarttemplate res/newloginbox_00.html gar nicht auf meinem Server war. Wie auch immer, habe es nachträglich in den fileadmin Ordner kopiert und Deinen Code verwendet - und siehe, da es geht ;-)

Ich finde die Template-Lösung übrigens auch wesentlich "eleganter". Ich weiß gar nicht, warum hier alle die Typoscript-Lösung bevorzugen. Wie auch immer, ein Typo3-Problem weniger ;-)

LG
Julia

Faircamion ·

So, ich habe den Code eingefügt. Theoretisch funktioniert auch fast alles, nur das untern den eingabefeldern immer eine 4 steht!

Aber ein Problem stellt sich mir noch. Ich weis nicht wie ich beim YAML Template einen marker einfüge. Ich bekomme das einfach nicht hin. Ich möchte das login-feld auf dieser Seite umterm Menü auf der linken seite haben, so in etwa wie bei diesem Forum hier (typo3.net).

Kann mir da evtl. jemand helfen?

d.​walter ·

Naja, schaust dir mal deine HTML-Datei an. Irgendwo ist ja auch ein Marker für das Menü rechts. Dann kommt ja noch diese Pulldown-Feld und da danach setzt du einfach einen Marker ###LOGIN### rein.

Du musst darauf achten, dass er vor dem schließenden div von col1 steht.

Gruß

Daniel

Faircamion ·

Ich weiss ja nicht mal welche html datei dafür zuständig ist. Da ich dieses Template ja nicht selber geschrieben habe weiß ich absolut nicht wie das alles zusammen hängt!

d.​walter ·

Naja, du solltest dich schon ein bischen damit beschäftigen!

Am besten einfach mal auf die Seite von YAML gehen und da schauen wie die HTML-Datei heißt. Dann im Fileadmin-Verzeichnis schauen wo du die findest und dann bearbeiten.

Ich kenn den genauen Aufbau von YAML in Verbindung mit TYPO3 auch nicht. Ich habe YAML zwar mal eingesetzt, aber nur die HTML- und CSS-Dateien. Die Anbindung an Typo3 habe ich selbst gemacht.

Viel Erfolg

Faircamion ·

Ok, das hier müsste die richtige Datei sein:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>

<title>YAML Typo3 - 3 Spalten fest (1-3-2)</title>

<link href="../css/layout_3col_fixed.css" rel="stylesheet" type="text/css"/>

<!--[if lte IE 7]>

<link href="../css/explorer/iehacks_3col_fixed.css" rel="stylesheet" type="text/css" />

<![endif]-->

</head>



<body>

<div id="page_margins">

<div id="page" class="hold_floats">



<div id="header">

	<div id="topnav">

	    <!-- Start: Skiplink-Navigation -->

		<a class="skip" href="#navigation" title="Direkt zur Navigation springen">Zur Navigation springen</a>

		<a class="skip" href="#content" title="Direkt zum Content springen">Zum Content springen</a>	

	    <!-- Ende: Skiplink-Navigation -->



		<a href="#">Impressum</a>

	</div>

	<img src="../img/yaml_title.gif" alt="Yet Another Multicolumn Layout"/>

</div>



<!-- #nav: Hauptnavigation -->

<div id="nav">

	<a id="navigation" name="navigation"></a> <!-- Skiplink-Anker: Navigation -->

	<div id="nav_main">

		<ul>

			<li id="current"><a href="#">Button 1</a></li>

			<li><a href="#">Button 2</a></li>

			<li><a href="#">Button 3</a></li>

			<li><a href="#">Button 4</a></li>

			<li><a href="#">Button 5</a></li>

		</ul>

	</div>

</div>

<!-- #nav: - Ende -->



<!-- #main: Beginn Inhaltsbereich -->

<div id="main">

<div id="teaser" class="clearfix">

<div class="block1">

<ul>

  <li>Verst&auml;ndlich</li>

  <li>Flexibel</li>

  <li>Standardkonform</li>

  <li>Barrierearm</li>



  <li>Anpassbar</li>

  </ul>

</div>

<div class="block2"><img src="img/yaml_screens.gif" alt="Screenshots"/></div>

<div class="block3"><span class="title">Modernes Weblayout verständlich erklärt</span>

<p>"Yet Another Multicolumn Layout" ist ein Framework zur Erstellung moderner

und flexibler Layouts auf Grundlage von <em>float</em>-Umgebungen. 

Dabei stehen ein m&ouml;glichst hohes Ma&szlig; an

Flexibilit&auml;t und Zug&auml;nglichkeit

im Vordergrund. Innerhalb eines Tutorials wird die Funktionsweise der einzelnen Bausteine erläutert.</p>

</div>

</div>



<!-- #col1: Erste Float-Spalte des Inhaltsbereiches -->

    <div id="col1">

      <div id="col1_content" class="clearfix">



        <h2>Spalte #col1</h2>

        <p>...</p>



	  </div>

    </div>

<!-- #col1: - Ende -->



<!-- #col2: zweite Flaot-Spalte des Inhaltsbereiches -->

    <div id="col2">

    	<!--TYPO3SEARCH_begin-->

      <div id="col2_content" class="clearfix">



        <h2>Spalte #col2</h2>

        <p>...</p>



      </div>

      <!--TYPO3SEARCH_end-->

    </div>

<!-- #col2: - Ende -->



<a id="content" name="content"></a> <!-- Skiplink-Anker: Content -->

<!-- #col3: Statische Spalte des Inhaltsbereiches -->

    <div id="col3">

    	<!--TYPO3SEARCH_begin-->

      <div id="col3_content" class="clearfix">

      	<div id="col3_innen" class="floatbox">



        <h2>Spalte #col3</h2>

        <p>...</p>



				</div>

      </div>

      <!--TYPO3SEARCH_end-->

      <!-- IE Column Clearing -->

	  <div id="ie_clearing">&nbsp;</div>

      <!-- Ende: IE Column Clearing -->

    </div>

<!-- #col3: - Ende -->



</div>

<!-- #main: - Ende -->



<!-- #footer: Beginn Fusszeile -->

<div id="footer">

  Dieses Layout basiert auf <a href="http://www.yaml.de/">YAML</a> 

  &copy; 2005-2006 by <a href="http://www.highresolution.info">Dirk Jesse</a>

</div>

<!-- #footer: Ende -->

</div>

</div>

</body>

</html>

edit1:
so, ich heb jetzt einen Marker gesetzt,nur nnicht wirklich an der richtigen stelle.Aber wo kann ich das in 2 Zeilen teilen, eine mit den eingabefeldern, und darunter der button und der registrierungs-link.

edit2:
Ok, in 2 Zeilen hab ich das jetzt, wenn auch auf eine nicht ganz korrekte Art und weise, ich hab einfach die spaltenbreite verkleinert. Jetzt möchte ich aber noch die Felder beschriftet haben, wie bekomme ich das denn wohl hin?

edit3:
ach ja und ne freizeile zwischen dem dropdown menü und dem Login wäre auch nicht schlecht!

typo3_hp ·

Hallo ich habe folgendes Script und bei mir wird kein Username vor dem Logout angezeigt wenn sich ein User anmeldet!

# 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;">
               <!-- ###USERNAME### -->
               
               <input class="logout" type="submit" value="Logout" /> ·  <a href="registrierung.html?tx_srfeuserregister_pi1%5Bpointer%5D=&tx_srfeuserregister_pi1%5Bmode%5D=&tx_srfeuserregister_pi1%5Bsword%5D=&tx_srfeuserregister_pi1%5Bsort%5D=&tx_srfeuserregister_pi1%5Bcmd%5D=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=26" 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="25" />
 ·  <a href="index.php?id=158&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>

)

# / Login-BOX
 

[GLOBAL]

weiter unten habe ich folgendes gemacht

subparts {
maincol < styles.content.get
rightcontent < styles.content.getRight
login < temp.10
}

Warum wird der Username nicht angezeigt?
Hat jemand eine Idee??

Dankeschön und Gruß