Ich dachte heute in den letzten Tagen, daß mein Problem mit der newloginbox Anpassung beendet sei: Doch da täuschte ich mich leider.
Wie gesagt, von
TemplateWorld - Free-Templates Templates - Page 1 habe ich vom dortigen Template green_solutions das Login-Box-Tempate entnommen, um es in Typo3 für die newloginbox einzubauen.
Habe die CSS Dateien importiert und angepasst. Auf dem angehängten Bild kann man diese Loginbox nun sehen.
Der Template-Code für den neuen Look ist folgender:
HTML-Code:
<a name="template_login"></a><h1>TEMPLATE_LOGIN</h1> <p>This is the template for the login form with/without the 'forgot password' link.</p> <!--###TEMPLATE_LOGIN###--> <!--###HEADER_VALID###--> <h3>###STATUS_HEADER###</h3> <!--###HEADER_VALID###--> <!--###MESSAGE_VALID###--> <p>###STATUS_MESSAGE###</p> <!--###MESSAGE_VALID###--> <div class="tx-newloginbox-p1"> <h2>member <span>login</span></h2> <form action="###ACTION_URI###" target="_top" method="post" onSubmit="###ON_SUBMIT###"> <label>###USERNAME_LABEL###</label> <input type="text" name="textfield" /> <label for="pass">###PASSWORD_LABEL###</label> <input type="password" id="pass" name="pass" value="" /> <!--###PERMALOGIN_VALID###--> <label for="permalogin">###PERMALOGIN###</label> <input name="permalogin" value="0" type="hidden" ###PERMALOGIN_HIDDENFIELD_ATTRIBUTES### id="permaloginHiddenField"> <input name="permalogin" value="1" type="checkbox" ###PERMALOGIN_CHECKBOX_ATTRIBUTES### id="permalogin" onclick="document.getElementById('permaloginHiddenField').disabled = this.checked;" /> <!--###PERMALOGIN_VALID###--> <input type="hidden" name="pid" value="###STORAGE_PID###" /> <input type="hidden" name="redirect_url" value="###REDIRECT_URL###" /> <div id="leftPango"><p class="textposition"><a href="#">Resister now</a></p><input type="submit" class="gobutton" value=###LOGIN_LABEL### /> </form> </div> <!--###FORGOTP_VALID###--> <p><!--###FORGOTP_LINK###-->###FORGOT_PASSWORD###<!--###FORGOTP_LINK###--></p> <!--###FORGOTP_VALID###--> <!--###TEMPLATE_LOGIN###--> CSS:
Code:
.tx-newloginbox-p1 {width:237px; height:196px; position:relative; margin:0 auto; padding:0; border:1px solid #DCDAC2; background:#fff; color:#000;}
.tx-newloginbox-p1 h2{height:48px; background:url("http://www.mjfc-jam.com/jam2/fileadmin/img/symbol4.gif") 0 0 no-repeat #fff; display:block; position:relative; padding:0 0 0 57px; margin:12px 0 20px 13px; font:16px/48px Georgia,"Times New Roman", Times, serif; color:#5EA000; text-transform:uppercase;}
.tx-newloginbox-p1 h2 span{background:#fff; color:#3D3C2C;}
.tx-newloginbox-p1 form{width:220px; height:108px; background:#EBE9D7; padding:0; margin:0 0 0 8px; color:#333227;}
.tx-newloginbox-p1 form label{width:72px; display:block; float:left; padding:14px 15px 0 16px; }
.tx-newloginbox-p1 form label.emailpadding{padding:2px 15px 0 16px;}
.tx-newloginbox-p1 form input{ float:left; display:block; width:101px; height:16px; margin:10px 0 9px 0}
.tx-newloginbox-p1 form input.fieldpadding{margin:2px 0 9px 0}
.tx-newloginbox-p1 form input.gobutton{float:right; background:url("http://www.mjfc-jam.com/jam2/fileadmin/img/arrow4.gif") no-repeat 30px 0 #63614F; border:none; width:45px; height:21px; display:block; margin:-10px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;}
.tx-newloginbox-p1 #leftPango{width:220px; height:25px; position:absolute; top:160px; left:8px; border-top:1px solid #fff; background:#B0AD93; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;}
.tx-newloginbox-p1 #leftPango p.textposition a{float:left; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#B0AD93;}
.tx-newloginbox-p1 #leftPango p.textposition a:hover{text-decoration:underline; background:none;}
.tx-newloginbox-p1 #leftPango a:hover{background:url("http://www.mjfc-jam.com/jam2/fileadmin/img/arrow4.gif") no-repeat 30px 1px #333229; text-decoration:none; color:#fff;} Mein Problem ist nun folgendes: Was man leider hier nicht so gut erkennen kann, ist, daß durch die STORAGE_PID und REDIRECT_URL diese leeren Felder in der Box im Firefox zu sehen sind. Roter Kreis im Bild 1! Ganz leicht.
Dadurch ist auch keine Anmeldung möglich, als Frontend User. Wenn ich aber das "normale" Template verwende, dann klappt alles.
Im Internet Explorer sieht man es nicht. Dafür ist dieser Submit Button etwas nach oben verrückt! Bild 2.
Ich bin total überfragt und weiß nicht, warum im FF was anderes zu sehen ist als im IE.
-------------
Mir ist noch etwas im Quelltext aufgefallen.
Wenn ich das ursprüngliche Template nehme, funktioniert alles tadellos. Im Quelltext steht immer zuerst <div class="tx-newloginbox-p1">.
Im Template selber wird dies nirgends erwähnt.
Bei der Abänderung des Templates habe ich aber diese div Klasse hinzugefügt und dann wird im Quelltext der Eintrag der div Klasse zweimal hintereinander eingefügt. Es scheint aber keinen Fehler optisch zu verursachen und die Änderungen werden angezeigt. Lasse ich im Template die Angabe der div Klasse weg, verursacht dies einen Fehler und es wird die geänderte Darstellung mit der Box und den Bildern nicht angezeigt. Obwohl diese div Klasse trotzdem einmal "automatisch" im Quelltext erscheint.
Meine CSS Dateien dazu stehen in einer extra Datei.
Ich habe im BE in der Template Extension zu der newloginbox nichts gefunden, was mir als Hinweis diese automatische Anzeige der div Klasse erklären könnte.
Hier das Setup:
Typoscript-Code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
| plugin.tx_newloginbox_pi1._CSS_DEFAULT_STYLE >
plugin.tx_newloginbox_pi3._CSS_DEFAULT_STYLE >
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; } - ERROR: Line 4: Object Name String, ".tx-newloginbox-pi3-listrow" was not preceeded by any operator, =<>({
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD P { font-weight:bold; } - ERROR: Line 6: Object Name String, ".tx-newloginbox-pi3-listrow" was not preceeded by any operator, =<>({
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-odd TD { background-color:#f6f6f6; } - ERROR: Line 8: Object Name String, ".tx-newloginbox-pi3-listrow" was not preceeded by any operator, =<>({
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 ernuet versuchen
oLabel_header_success = Anmeldung erfolgreich
oLabel_msg_success = Sie sind angemeldet als ###USER###
oLabel_header_status =
oLabel_msg_status =
username = User:
password = Passwort:
login = Login
logout = Abmelden
send_password = Passwort senden
your_email = Ihre Email-Adresse:
forgot_password = Passwort vergessen?
}
}
plugin.tx_newloginbox_pi1.storagePid = 4
plugin.tx_newloginbox_pi1.storagePid = |
Wie kann ich das Problem lösen?