Eingabefelder Login mit CSS formatieren – Wiki | modified eCommerce Shopsoftware

Eingabefelder Login mit CSS formatieren

Aus Wiki | modified eCommerce Shopsoftware

Da mir die Eingabefelder z.B. beim Login (E-Maili und Passwort-Eingabefeld) nicht gefallen, würde ich diese gerne umgestalten. Um die Felder per CSS zu stylen muss ich aber direkt im html-Code Klassen zuweisen.

Kann mir jemand sagen, wo ich diesen Code finden kann?

Antwort von Hetfield 08.2008:

In der Datei login.php nach folgendem suchen:

 $smarty->assign('INPUT_MAIL', xtc_draw_input_field('email_address'));
 $smarty->assign('INPUT_PASSWORD', xtc_draw_password_field('password'));

und gegen dies hier ersetzen:

 $smarty->assign('INPUT_MAIL', xtc_draw_input_field('email_address', '', 'class="login"'));
 $smarty->assign('INPUT_PASSWORD', xtc_draw_password_field('password', '', 'class="login"'));


Als nächstes in der Datei templates/<mein template>/source/boxes/loginbox.php nach diesem Code suchen:

 $box_smarty->assign('FIELD_EMAIL', xtc_draw_input_field('email_address', '', 'size="25" maxlength="50"'));
 $box_smarty->assign('FIELD_PWD', xtc_draw_password_field('password', '', 'size="10" maxlength="30"'));

und gegen diesen ersetzen:

 $box_smarty->assign('FIELD_EMAIL', xtc_draw_input_field('email_address', '', 'class="box_login_email" maxlength="50"'));
 $box_smarty->assign('FIELD_PWD', xtc_draw_password_field('password', '', 'class="box_login_pwd" maxlength="30"'));


Auf der Loginseite kannst du jetzt die Eingabefelder über die CSS-Klasse "login" formatieren.
templates/<mein template>/stylesheet.css
Für die Eingabefelder in der Loginbox heissen die CSS-Klassen box_login_email (für das E-Mail-Feld) und box_login_pwd (für das Passwort-Feld)

  • Diese Seite wurde zuletzt am 26. August 2009 um 09:18 Uhr bearbeitet.