(gelöst)Wie kann ich in einer Node auf den submit-butto des Themes zurückgreifen?
Eingetragen von lorden26 (135)am 11.11.2010 - 11:33 Uhr in
Hallo,
ich habe mir eine Node mit html erstellt die mir das Login-Formular anders darstellt und zwar horizontal. Siehe Bild.
Jetzt habe ich nur noch das Problem mit dem Absende Buttom. Ich möchte gerne auf den Buttom zurückgreifen welchen ich in meinem Theme definiert habe. Ich komme einfach nicht weiter. Kann mir da jemand bei Helfen?
Hier der HTML-Code der Node:
<form accept-charset="UTF-8" action="?q=user&destination=node" id="user-login-form" method="post"><div style="font-family: Verdana; font-size: 10px; color: rgb(136, 136, 136); font-weight: normal; font-style: normal; text-transform: none; text-align: left;"><div class="form-item"><div class="form-item" id="edit-name-wrapper" style="position: absolute; top: 20px; left: 10px; width: 130px;"><label for="edit-name">Benutzername: </label> <input class="form-text required" id="edit-name" maxlength="60" name="name" size="15" style="width: 130px;" type="name" /></div></div><div class="form-item" id="edit-pass-wrapper" style="position: absolute; top: 20px; right: auto; bottom: auto; left: 150px; width: 130px;"><label for="edit-pass">Passwort: </label> <input class="form-text required" id="edit-pass" maxlength="60" name="pass" size="15" style="width: 130px;" type="password" /></div><div class="form-item" id="edit-persistent-login-wrapper" style="position: absolute; width: 130px; top: 46px; left: 13px; bottom: auto;"><div class="form-item" id="edit-persistent-login-wrapper"><label class="option" for="edit-persistent-login"><input class="form-checkbox" id="edit-persistent-login" name="persistent_login" type="checkbox" value="1" />Angemeldet bleiben</label></div></div><span class="art-button-wrapper" style="position: absolute; top: 40px; left: 300px; background-color: rgb(0, 153, 0);"><input class="form-submit art-button" id="edit-submit" name="op" type="submit" value="Anmelden" /></span><div class="item-list"><ul><li class="last"><a href="/user/password" style="position: absolute; top: 70px; left: 150px; color: rgb(136, 136, 136); bottom: auto;">Forgot Password?</a></li></ul></div><input id="form-921e62ecaf93606cde462f806f0f66e7" name="form_build_id" type="hidden" value="form-921e62ecaf93606cde462f806f0f66e7" /><input id="edit-form-id" name="form_id" type="hidden" value="user_login" /></div></form>
Gruß
Tom
| Anhang | Größe |
|---|---|
| login-buttom.png | 2.05 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Mit reinem HTML ist das nicht
am 11.11.2010 - 12:02 Uhr
Mit reinem HTML ist das nicht zu machen. Dazu solltest Du in einem Minimodul mittels
<?phpfunction meinmodul_form_user_login_block_alter(&$form, $form_state) {
// meine Änderungen
} ?>
Änderungen an der Login-Form durchführen. Du solltest Dir auf Drupal.org die Dokumentation zur Forms-API ansehen. Dabei kannst Du entsprechende CSS-Klassen einbauen, damit sich das Formular mittels CSS entsprechend stylen läßt.
Beste Grüße
Werner
Hallo Werner, danke für die
am 11.11.2010 - 12:22 Uhr
Hallo Werner,
danke für die Antwort. Ich habe leider nicht genügend Wissen um ein Modul zu schreiben. Ich bin gerade erst dabei mich in HTML und CSS einzuarbeiten, PHP klappt leider noch nicht. Ich bin froh das ich überhaupt schon das Ergebniss hinbekommen habe über html ( Hat Tage gedauert ). Kennts Du denn vielleicht die Lösung in HTML / CSS wie ich mir einen Buttom selber bauen kann? IIch habe die Anforderung das die Ecken einen Radius haben sollen. Ist das eventuell mit einem Hintergrundbild zu realiesieren?
Gruß
Tom
Es ging doch mit html
am 12.11.2010 - 21:00 Uhr
Hallo Werner,
ich hab es doch mit html hinbekommen. Ich weiß zwar nicht ganz genau was vorher falsch war aber durch try and error hab ich es doch noch hinbekommen.
Gruß
Tom