Login Form Plugin anpassen

[lolhonk]

Hallo,

ich schaue mir gerade die login-form.css an und werde einfach nicht schlau wie ich folgendes ändern kann:

1. Login Felder sollen horizontal sein (sprich nebeneinander nicht untereinander...)
2. Die Felder sind weiß wie bekomme ich eine andere Farbe?
3. Größe der Felder ändern?
4. Wo ist das anmeldebutton icon gespeichert?

hoffe mir kann da jmd helfen

lg

[admmik]

Hallo lolhonk,

also ich würde deine Fragen so beantworten:

Zu 1.:
Zunächst mal muss alles in eine Zeile passen. Damit das der Fall ist, musst du wahrscheinlich folgende Zeilen in der PHP-Datei "login_form.php"

Code: Alles auswählen

<dt><label for="plg_usr_login_name">'.$g_l10n->get('SYS_USERNAME').':</label></dt>
<dd><input type="text" id="plg_usr_login_name" name="plg_usr_login_name" size="10" maxlength="35" tabindex="95" /></dd>

Code: Alles auswählen

<dt><label for="plg_usr_password">'.$g_l10n->get('SYS_PASSWORD').':</label></dt>
<dd><input type="password" id="plg_usr_password" name="plg_usr_password" size="10" maxlength="25" tabindex="96" /></dd>

z.B. so anpassen

Code: Alles auswählen

<dt><label for="plg_usr_login_name">U:</label></dt>
<dd><input type="text" id="plg_usr_login_name" name="plg_usr_login_name" size="2" maxlength="35" tabindex="95" /></dd>

Code: Alles auswählen

<dt><label for="plg_usr_password">P:</label></dt>
<dd><input type="password" id="plg_usr_password" name="plg_usr_password" size="2" maxlength="25" tabindex="96" /></dd>

Nun folgende Änderungen in der CSS-Datei "login-form.css":
Bei

Code: Alles auswählen

#plgLoginFormFieldList li {
...
float: none;
}

"none" in "left" ändern:

Code: Alles auswählen

#plgLoginFormFieldList li {
...
float: left;
}

Bei

Code: Alles auswählen

#plgLoginFormFieldList li dl dd {
margin-left: 110px;
...
}

z.B: folgendes

Code: Alles auswählen

#plgLoginFormFieldList li dl dd {
margin-left: 0;
float: left;
...
}

Zu 2.:
Hast du dich schon einmal etwas intensiver mit CSS befasst?
Das ist eine ganz normale Anwendung von CSS. Z.B. folgende Zeile der Datei "login-form.css" hinzugefügt, ändert die Farbe der Input-Felder:

Code: Alles auswählen

#plugin_login_form input{background: #fee3ad;}

Zu 3.:
Die größe ist mittels HTML angegeben (also nicht in der "login-form.css" sondern in der "login_form.php").
Es gibt hier in der "login_form.php" z.B. für das Input-Feld "Benutzername" folgende Zeile:

Code: Alles auswählen

<input type="text" id="plg_usr_login_name" name="plg_usr_login_name" size="10" maxlength="35" tabindex="95" />

Mittels "size" kannst du die Größe ändern.

Zu 4.:
Gilt das selbe wie bei deiner 3. Frage. Das Icon wird nicht in der "login-form.css" sondern in der "login_form.php" dynamisch gesetzt.
Beispielsweise wird in der folgenden Codezeile der "login_form.php" der Schlüssel als Icon gewählt:

Code: Alles auswählen

$plg_icon_code = '<img src="'. THEME_PATH. '/icons/key.png" alt="'.$g_l10n->get('SYS_LOGIN').'" />&nbsp;';

Ein paar Zeilen darunter wird das Icon beim erzeugen des Buttons verwendet:

Code: Alles auswählen

<button type="submit" tabindex="98">'.$plg_icon_code. $g_l10n->get('SYS_LOGIN').'</button>

[lolhonk]

Hei Danke für deine tolle Hilfe! habe jetzt soweit alles anpassen können nur habe ich zwei neue Probleme und zwar:

1. habe das login formular jetzt auf einer eigenen neuen Seite! wie bekomme ich es nun hin, dass nachdem ich mich eingeloggt habe die seite offen bleibt und sich ein neues fenster öffnet (mit der admidio oberfläche..) und mir dann auf meiner home seite anstelle des login formular angezeigt wird "Du bist eingeloggt als ....."

Im Admidiobereich funktioniert das ja schon so, aber wenn ich das login_form auf meine seite setze komischerweise nicht!


2. Kann man das Aussehen des Buttons wo dann "Anmelden" draufsteht auch ändern? Der ist grau, was nicht so gut in mein Design reinpasst...

lg

[admmik]

Zu 1.
Hast du hier die Anweisungen in der Doku schon befolgt?
http://www.admidio.org/dokuwiki/doku.ph ... .0:plugins
Falls ja, fällt mir im Moment keine mögliche Fehlerursache ein.

Ich habe das Login-Plugin nicht im Einsatz, kann es daher im Moment nicht so schnell ausprobieren.

Aber ich finde es ehrlich gesagt etwas unlogisch, dass auf deiner ersten/ursprünglichen Seite plötzlich "Du bist eingeloggt" steht. Denn auf dieser Seite bist du ja nicht eingeloggt, sondern auf der im neuen Fenster geöffneten Seite, oder?

Für deine Anwendung fände ich daher einfach einen Link auf deiner ersten Seite z.B. "Interner Bereich" geeignet, der dann in einem neuen Fenster Admidio mit einem Login-Formular öffnet. Der Link könnte spontan so aussehen:

Code: Alles auswählen

<a href="DEIN PFAD ZU ADMIDIO/adm_program/system/login.php" target="_blank">Interner Bereich</a>

Zu 2:
Ja, das ist wieder Standard-CSS. Eine Möglichkeit ist z.B. folgender Code in die Datei "login-form.css" eingefügt sollte den Button rot mit weißer Schrift machen.

Code: Alles auswählen

#btnLogin{
background-color: #FF0000;
color: white;
}

Grüße!