login_form Login fenster anders machen

Hast du Probleme oder Fragen bei der Einrichtung bestimmter Plugins ? Diese kannst du hier loswerden.
Antworten
UltraTM
Beiträge: 18
Registriert: 23. Apr 2009, 09:40

login_form Login fenster anders machen

Beitrag von UltraTM »

Hallo habe die Version 2.1.2

hier der code:

Code: Alles auswählen

// Login-Formular
    echo '
    <form id="plugin_'. $plugin_folder. '" style="display: inline;" action="'. $g_root_path. '/adm_program/system/login_check.php" method="post">
        <ul class="formFieldList" id="plgLoginFormFieldList">
                
                    <label for="plg_usr_login_name">Benutzername:</label>
                    <input type="text" id="plg_usr_login_name" name="plg_usr_login_name" size="10" maxlength="35" tabindex="95" />
                
                
                    <label for="plg_usr_password">Passwort:</label>
                    <input type="password" id="plg_usr_password" name="plg_usr_password" size="10" maxlength="25" tabindex="96" />
                
';
Möchte aber gerne das neben Benutzername und neben passwort das feld zur eingabe ist bei mir ist es immer darunter.


Danke
matzman2000
Former team member
Beiträge: 1087
Registriert: 2. Sep 2007, 17:12
Wohnort: Itzstedt
Kontaktdaten:

Beitrag von matzman2000 »

Das ist nicht der Originalquellcode aus dem Login-Plugin! Da fehlen einige Formatierungsoptionen, der Originalcode lautet:

Code: Alles auswählen

    // Login-Formular
    echo '
    <form id="plugin_'. $plugin_folder. '" style="display: inline;" action="'. $g_root_path. '/adm_program/system/login_check.php" method="post">
        <ul class="formFieldList" id="plgLoginFormFieldList">
            <li>
                <dl>
                    <dt><label for="plg_usr_login_name">Benutzername:</label></dt>
                    <dd><input type="text" id="plg_usr_login_name" name="plg_usr_login_name" size="10" maxlength="35" tabindex="95" /></dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt><label for="plg_usr_password">Passwort:</label></dt>
                    <dd><input type="password" id="plg_usr_password" name="plg_usr_password" size="10" maxlength="25" tabindex="96" /></dd>
                </dl>
            </li>';
Das Layout wird über die Datei login_form.css gesteuert.

Nutzt Du denn auch die richtige Plugin Version 1.3 ? Dort ist das nämlich schon so, wie Du es möchtest (Feld neben der Bezeichnung)!

Gruss,
Matze
UltraTM
Beiträge: 18
Registriert: 23. Apr 2009, 09:40

Beitrag von UltraTM »

Das ist der orignal code ja

habe nur die Punkte usw rausgelöscht weil ich die nicht wollte
habe wenig platz auf meiner hp


wie läuft das ab in der css was muss ich da ändern?
matzman2000
Former team member
Beiträge: 1087
Registriert: 2. Sep 2007, 17:12
Wohnort: Itzstedt
Kontaktdaten:

Beitrag von matzman2000 »

Das was Du gelöscht hast, sind Formatierungsangaben, die das ganze in das richtige Format rücken. D.h. die brauchst Du, damit das Login Form korrekt dargestellt wird!

Schau doch mal in die CSS Datei rein, da sind ein paar Angaben auch kommentiert. Zum Verständnis sind Kenntnisse in Style-Sheets natürlich von Vorteil...
UltraTM
Beiträge: 18
Registriert: 23. Apr 2009, 09:40

Beitrag von UltraTM »

Dann meine Frage

wie muss ich was umschreiben das mein Formular so aussieht ohne punkte oder sonstiges.


Username: (Feld)
Passwort : (Feld)
Loginprobleme? Login
UltraTM
Beiträge: 18
Registriert: 23. Apr 2009, 09:40

Beitrag von UltraTM »

Bild


So siehts im moment aus bei mir
UltraTM
Beiträge: 18
Registriert: 23. Apr 2009, 09:40

Beitrag von UltraTM »

Bzw. hier mein original formular
kann ich da eure login funktionen übernehmen

Code: Alles auswählen

<table width="100%" height="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="100%">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="36%"><div style="padding-left:20;padding-top:15 "><font class="txt" style="color:#373737 ">Username:</font></div></td>
    <td width="35%"><div style="padding-top:15 "><input name="1" type="text" size="18" maxlength="100" class="txt" style="background-color:#ffffff;border-style:none; "></div></td>
    <td width="29%">&nbsp;</td>
  </tr>
  <tr>
    <td><div style="padding-left:20 "><font class="txt" style="color:#373737 ">Password:</font></div></td>
    <td><input name="1" type="password" size="18" maxlength="100" class="txt" style="background-color:#ffffff;border-style:none; "></td>
    <td><a href="#"><img src="images/go2-.gif" border="0" style="margin-left:5px"></a></td>
  </tr>
</table>
		</td>
  </tr>
  <tr>
    <td>
	<div style="padding-left:20px "><font class="text" style="font-family:arial;color:#373737 ">
			<a href="#" style="color:#373737 ;font-size:10px" >Forgot password?</a>   &nbsp;&nbsp;&nbsp;   <a href="#" style="color:#373737;font-size:10px ">Register</A>
			</font></div>
	</td>
  </tr>
</table>
das wäre natürlich noch besser:
matzman2000
Former team member
Beiträge: 1087
Registriert: 2. Sep 2007, 17:12
Wohnort: Itzstedt
Kontaktdaten:

Beitrag von matzman2000 »

Jetzt wird mir auch endlich klar, was Du meinst.... :?

Hast Du den Ausschnitt aus dem Code Dir einfach rauskopiert und in Deine Seite eingefügt? Du darfst nicht vergessen, dass dort auch zB angegeben wird, wie ein Feld formatiert wird. Ein Beispiel aus dem Code:

Code: Alles auswählen

<ul class="formFieldList" id="plgLoginFormFieldList"> 
Hier wird dem Feld per id die Formatierung zugewiesen. Ich vermute mal, dass Du den entsprechenden Eintrag aus der CSS Datei nicht mit eingebunden hast. Der würde nämlich dann lauten:

Code: Alles auswählen

#plgLoginFormFieldList {
    margin:             0px;
    padding:            0px;
    list-style-type:    none;
Und wie man sieht wird mit der Anweisung "list-style-type: none;" auch das Listenzeichen (was bei Dir der Punkt ist) rausgenommen.

Fazit: Damit die Anzeige korrekt dargestellt wird sind auch die Einträge aus der login_form.css in Deine Seite mit einzubinden!
UltraTM
Beiträge: 18
Registriert: 23. Apr 2009, 09:40

Beitrag von UltraTM »

Ich habe es mit folgenden Codes eingebunden:

Code: Alles auswählen

<?php
  include_once($_SERVER['DOCUMENT_ROOT']. "/Pfad-zu-Admidio-Ordner /adm_program/system/common.php");
?>
<?php
  include($_SERVER['DOCUMENT_ROOT']. "/Pfad-zu-Admidio-Ordner /adm_plugins/login_form/login_form.php");
?>
Natürlich mit richtiger pfad und plugin angabe.


Noch mal zu meiner anderen Frage oben.

Wäre das möglich die funktion des logins in meinen code mit einzubauen den ich oben gepostet habe?
matzman2000
Former team member
Beiträge: 1087
Registriert: 2. Sep 2007, 17:12
Wohnort: Itzstedt
Kontaktdaten:

Beitrag von matzman2000 »

Ja na klar ist das möglich. Aber nochmal: Du musst auch die CSS Datei mit einbinden. Im Headerbereich gehört in diesem Fall rein:

Code: Alles auswählen

<link rel="stylesheet" type="text/css" href="http://www.example.org/Pfad-zu-Admidio /adm_plugins/login_form/login_form.css" />
(die Domain ist natürlich anzupassen, kann auch der relative Pfad sein...)

Das steht auch so in der Doku drin, da solltest Du mal reinblättern...
UltraTM
Beiträge: 18
Registriert: 23. Apr 2009, 09:40

Beitrag von UltraTM »

Mein frage war.

Hier habe ich eine php seite erstellt in dem ich auch ein login bereich selbst erstellt habe:
oben ist der code



wie muss ich das machen das meine Felder und buttons die gleiche funktion haben wie das login_form plugin go.gif ist da auch mein login Button


Ist das möglich?

Wenn ja wie?

Bin leider nicht so der php profi bin noch anfänger :cry:
UltraTM
Beiträge: 18
Registriert: 23. Apr 2009, 09:40

Beitrag von UltraTM »

Wie kann ich das dann machen das der login button rechts ist und das loginproblem in der gleichen Zeile links ist?
Antworten