Login-Felder ändern: Nebeneinander statt übereinander
Eingetragen von rubaff (71)am 22.06.2007 - 17:11 Uhr in
Hi,
ich bin seit 2 Tagen bei Drupal dabei. Tolles CMS und nette Community :)
Nun die erste Frage, die ich nicht mit einer Internet- und Foren-Suche rausfinden konnte:
Wie und wo kann ich das Aussehen der Login-Eingabefelder ändern? Also die Felder sollen letztlich im Footer nebeneinander (statt wie regulär übereinander) stehen.
Würde mich über jeden Tipp freuen!
Danke, rubaff!
- Anmelden oder Registrieren um Kommentare zu schreiben
CSS
am 22.06.2007 - 19:12 Uhr
Das kannst Du relativ einfach per CSS realisieren. Mit @display:inline;@ könnte man die Elemente nebeneinander anordnen. So ist es auch im Garland Theme umgesetzt, evtl. wirfst Du dort mal einen Blick in die CSS-Datei. Siehe dazu auch: http://www.css4you.de/elemente.html#inline
--
bv - drupalcenter.de
Danke für die schnelle
am 22.06.2007 - 19:42 Uhr
Danke für die schnelle Antwort. Daran hab ich natürlich auch schon gedacht, aber ich komm einfach irgendwie nicht an die Elemente ran... (bei Garland sind die Felder doch auch einfach untereinander(?)).
Leider ist jedes form-item ein eigene div, also auf jeden Fall deshalb Zeilenumbrüche. Der umliegende div-Container hat leider keine Klasse oder ID. Keine Ahnung, wie ich an den ran komme! Würde mich über jede Hilfe freuen, so sieht der fertige Quelltext aus, wie komm ich da nur ran?:
<div><div class="form-item">
<label for="edit-name">Username: <span class="form-required" title="This field is required.">*</span></label>
<input type="text" maxlength="60" name="name" id="edit-name" size="15" value="" class="form-text required" />
</div>
<div class="form-item">
<label for="edit-pass">Password: <span class="form-required" title="This field is required.">*</span></label>
<input type="password" name="pass" id="edit-pass" maxlength="60" size="15" class="form-text required" />
</div>
rubaff wrote:
am 22.06.2007 - 20:00 Uhr
(bei Garland sind die Felder doch auch einfach untereinander(?)).
Sorry, stimmt. Ich habe vergessen zu schreiben, das der Inhalt des Login-Blocks horizontal dargestellt wird, wenn man in ihm Header einblendet.
Der umliegende div-Container hat leider keine Klasse oder ID.
Über die page.tpl.php Datei kannst Du diesem div bestimmt eine Klasse mitgeben. Wenn es ein Standard-Theme ist, gibt es aber meistens eine Klasse "Footer". In der CSS könntest Du es dann folgendermaßen stylen:
.footer * {display: inline;
}
Ansonsten Könntest Du auch Deinen eigenen Login-Block bauen: http://drupal.org/node/134319
--
bv - drupalcenter.de
Danke!
am 22.06.2007 - 20:37 Uhr
Ich baue übrigens das Zen-Theme um.
Also vielen Dank schonmal für den Link, das wird wohl meine Lösung sein. Eine kleine Frage noch, leider klappt der Login nicht, hast du ne Idee, was ich für
<?phpprint url($_GET['q'], drupal_get_destination())
?>
einsetzen soll? Die Lösung aus dem Kommentar klappt bei mir leider auch nicht! Thx 4 helping a newbie :)
rubaff wrote:
am 22.06.2007 - 20:56 Uhr
Ich baue übrigens das Zen-Theme um.
Im Zen-Theme mußt Du nur das
#footer * {display: inline;
}
ans Ende der style.css Datei schreiben.
--
bv - drupalcenter.de
Merci!
am 22.06.2007 - 21:04 Uhr
Juhu, es klappt, danke! Hatte in der CSS-Datei das ganze ohne Sternchen geschrieben... Was hat das eigentlich für eine Bedeutung?