Zum Inhalt springen

Reguläre Login Box modifizieren

Erstellt am 8. Februar 2004 · 5 Antworten · letzte Antwort am 16. November 2004

Tags: felogin, Frage

mflue ·

Hi all!

Ich möchte die reguläre Login Box aus Typo3 V 3.5 modifizieren. Das Ausehen soll verändert werden und die Login-Box auf jeder Seite erscheinen.

Wenn ich nicht das Seitenelement Anmeldeformular verwenden möchte (da ich das nicht ändern kann?), dann muss ich doch mit einem Marker aus dem HTML-Template heraus eine Definition im Template-Setup ansprechen, oder? Wie funktioniert das? (Bei anderen Funktionen ist mir das klar, aber beim Login eben nicht)
Wo finde ich die Beschreibung der jeweiligen Parameter?

Danke!!!

PS: In dieser Rubrik des Forums weiß ich irgendwie nie, ob von der New Login Box oder von der Regulären Login Box gesprochen wird? Und ob das einen Unterschied macht...

Unbekannter Benutzer ·

Hallo mflue!

ich bin gerade dabei mir ein eigenes Login zu bauen! Hier mein Code, ich baue alles mit DIVs, die ich dann über CSS formatieren kann. Du musst aber dem Form-Tag über CSS noch padding und margin = 0 mitgeben, sonst macht der Explorer sch***en lange Zwischenräume ...

temp.klogin = COBJ_ARRAY
temp.klogin {

  10 = IMAGE
  10.alttext = KUNDENLOGIN
  10.wrap = <div>|</div>
  10.file = GIFBUILDER
  10.file {
    XY = 117,19
    backColor = #B5D8C1
    10 = TEXT 
    10 { 
      text = KUNDENLOGIN
      offset = -7,14
      align = right
      fontFile = fileadmin/template/fonts/UNIBOD81.TTF
      fontSize = 8
      fontColor = #333333
    }
  }

  20 = COA
  20 < tt_content.login.20
  20 {
    stdWrap.wrap = <div align="right">|</div>
    layout = <div>###LABEL### ###FIELD###</div>
    COMMENT.layout = <div>###LABEL### ###FIELD###</div>

    params = class="input"
    params.submit = class="submit"
    dataArray{
#      10.label = &nbsp;
#      10.label.lang.de = &nbsp;
#      20.label >
    }
    image = IMAGE
    image.file = fileadmin/template/images/m_login.gif
  }
}

Habe aber noch Probleme mit den Labels, diese möchte ich beim Login nicht haben, aber im eingelogten Zustand. Ebenso möchte ich dann auch statt der Login-Grafik eine Logout-Grafik haben ...
Im Grunde solls ähnlich dem Typo3.org Login aussehen ... vielleicht nutze ich dazu auch die NewLoginBox, habe aber erst gerade auch 3.6 upgedatet und noch einige Probs, bzw. PHP-Fehlermeldungen, daher versuche ich weiterhin die "Old Login Box" zu verwenden ...

Unbekannter Benutzer ·

So ... fertig! Ist ne Mischung - wie immer führen mehrere Wege nach Rom ... 😉!

Den ersten Teil (10 = IMAGE) kann man weglassen, ich habe aber ein grafisches Menü, daher baue ich eine Überschrift per GIFBUILDER über mein Login.

Hier kann zudem jeder entscheiden, welches Schweindl er denn gerne hätte, da ich zuerst den Weg über ein COA gegangen bin und nach intensiven Studium des Forums die recht einfache Alternative TEXT gewählt habe. Der einzige Unterschied besteht darin, dass über das cObject TEXT die Zielseite definiert werden kann ... und das man natürlich noch mehr Freiheiten beim Layout hat.

Die COA-Alternative ist auskommentiert, meine "Login-Seite" hat die ID 24 und beim Ausloggen soll der User nicht auf eine andere Seite umgeleitet werden, bleibt also auf der aktuellen Seite; Usergroup-ID = 15. Alle Elemente sind in DIVs gewrapt, die ich über CSS formatiere - ich versuche möglichst ohne Tabellen auszukommen (Stichwort barrierefrei ... naja ...). Weiterhin wird über die Condition [usergroup = *] eine Fallunterscheidung vorgenommen, damit das Login/Logout anders aussieht, bzw. eine Login- und eine Logutgrafik angezeigt wird.

Ich hoffe, ich kann einigen Leuten hiermit eine kleine Hilfe an die Hand geben 🙂 !

#Login
[usergroup = *]
temp.klogin = COBJ_ARRAY
temp.klogin {
  10 = IMAGE
  10.alttext = KUNDENLOGIN
  10.wrap = <div>|</div>
  10.file = GIFBUILDER
  10.file {
    XY = 117,19
    backColor = #B5D8C1
    10 = TEXT 
    10 { 
      text = KUNDENLOGIN
      offset = -7,14
      align = right
      fontFile = fileadmin/template/fonts/UNIBOD81.TTF
      fontSize = 8
      fontColor = #333333
    }
  }
#  20 = COA
#  20 < tt_content.login.20
#  20 {
#    stdWrap.wrap = <div align="right">|</div>
#    layout = <div>###LABEL### ###FIELD###</div>
#    COMMENT.layout = <div>###LABEL### ###FIELD###</div>
#    params = class="input"
#    params.submit = class="submit"
#    dataArray{
#        10.label = Name:
#        # Wenn die DE-Variabel definiert wird, funzt die Anzeige des Usernamens nicht mehr (wenigstens bei mir!)
#        10.label.lang.de = Name:
#        20.label >
#    }
#    image = IMAGE
#    image.file = fileadmin/template/images/m_logout.gif
#  }
  20 = TEXT
  20.data  = TSFE : id
  20.wrap ( 
    <form action="index.php?id= | " name="logout" enctype="multipart/form-data" method="post" target="_top"> 
      <input type="hidden" name="logintype" value="logout" />
      <input type="hidden" name="pid" value="15" />
      <div align="right">
        <div>Name: <!--###USERNAME###--></div>
        <div><input type="image" class="submit" name="submit" src="fileadmin/template/images/m_logout.gif" width="55" height="15"  border="0" alt="Logout" /></div>
      </div>
    </form>
  )
}
[else]
temp.klogin = COBJ_ARRAY
temp.klogin {
  10 = IMAGE
  10.alttext = KUNDENLOGIN
  10.wrap = <div>|</div>
  10.file = GIFBUILDER
  10.file {
    XY = 117,19
    backColor = #B5D8C1
    10 = TEXT 
    10 { 
      text = KUNDENLOGIN
      offset = -7,14
      align = right
      fontFile = fileadmin/template/fonts/UNIBOD81.TTF
      fontSize = 8
      fontColor = #333333
    }
  }
#  20 = COA
#  20 < tt_content.login.20
#  20 {
#    stdWrap.wrap = <div align="right">|</div>
#    layout = <div>###LABEL### ###FIELD###</div>
#    COMMENT.layout = <div>###LABEL### ###FIELD###</div>
#    params = class="input"
#    params.submit = class="submit"
#    dataArray{
#        10.label = &#160;
#        # Wenn die DE-Variabel definiert wird, funzt die Anzeige des Usernamens nicht mehr (wenigstens bei mir!
#        10.label.lang.de = &#160;
#        20.label >
#    }
#    image = IMAGE
#    image.file = fileadmin/template/images/m_login.gif
#  }
  20 = TEXT
  20.data  = TSFE : id
  20.wrap (   
    <form action="24.html" name="login" enctype="multipart/form-data" method="post" target="_top">
      <input type="hidden" name="logintype" value="login" />
      <input type="hidden" name="pid" value="15" />
      <input type="hidden" name="id" value=" | " />
      <div align="right">
        <div><input type="text" name="user" size="20" value="" class="input" /></div>
        <div><input type="password" name="pass" size="20" value="" class="input" /></div>
        <div><input type="image" class="submit" name="submit" src="fileadmin/template/images/m_login.gif" width="47" height="15"  border="0" alt="Login" /></div>
      </div>
    </form>
  )  
}
[global]

Natürlich muss das Ganze an entsprechender Stelle im Template eingebunden werden, ich mache das im ModernTemplateBuilding über einen DIV-Subpart -> subparts.klogin < temp.klogin.

Fettich!

pixelmanagement ·
mflue schrieb

Ich möchte die reguläre Login Box aus Typo3 V 3.5 modifizieren.

Hi,

ich will die reguläre Login Box modifizieren, allerdings in TYPO3.7. Irgendwie steh ich aber total auf dem Schlauch und kann die Datei nicht finden, in der ich die Anpassungen vornehmen kann.

Kann mir einer von Euch den richtigen Pfad nennen?

Gruß Basti

Steffi ·

Mich wuerde auch interessieren, in welcher Datei ich die Login Box aendern kann, von der obigen Loesung, die bei mir irgendwie nicht hinhaut mal abgesehen. Gibt es das so was aehnlichwie die ext_typoscript_setup.txt fuer das Gaestebuch?

Viele Gruesse
Steffi