Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module ›

(gelöst)User Login Bar:. Wie bekomme ich die labels edit-name-1 und edit-pass-1 über die Eingabefelder

Eingetragen von lorden26 (135)
am 15.10.2010 - 15:36 Uhr in
  • Module
  • Drupal 6.x

Hallo,

ich möchte gerne mein Loginformular verändern. Ich möchte die Felder vertikal darstellen. Bei meiner Suche nach Lösungen bin ich auf das Modul: Userloginbar gestossen, welches meinem Wunsch schon sehr nahe kommt. Ich möchte nun aber noch die Bezeichnungen der Felder über die Eingabe Felder bekommen, so wie es im core login dargestellt wird. Ich denke das dies am besten über CSS geht. Ich habe nun schon längere Zeit versucht zu verstehen wie ich das in css umsetzte. Ich denke das ich die labels "edit-name-1" und "edit-pass-1" ansprechen muß um sie über die Eingabefelder zu bekommen.

Die css Datei sieht wie folgt aus:

/*
by default, the default form adds some surrounding space, this cancels it
*/
.content div.form-item,
.content div.content {
  margin: 0; padding: 0;
}

/*
this adds some space in top and bottom, so anything inside can look vertically
centered
*/
#user-login-form {
  padding: .65em 0;
  margin-top:30px;
  width:370px;
}

/*
by default, fields labels tries to reserve a whole line for itself, this
cancels that and and sends it to the left.
it also adds some space on the right and left of the label to look easy on
the eye.
*/
#user-login-form label {
  float: left;
  margin-left: 10px;
  margin-right: 2px;
}

/*
inputs too, they try to reserve a whole line for itself, this
cancels that and sends it to the left
*/
#user-login-form input {
  float: left;
}

/*
I don't like the required * (asterisks), so I hide them.
*/
#user-login-form span.form-required {
  display: none;
}

/*
the form submit button,
*/
#user-login-form input.form-submit {
  margin-top: -1px;
  margin-left: 10px;
  padding: 0em .5em .1em .5em;
  font-size:.9em;
  border:1px solid #999;
  background-color:#E3A332;
  color:white;
  cursor:pointer;
}


#user-login-form #edit-name, #user-login-form #edit-pass {
width: 70px;
font-size:.9em;
}


/*
now this is for the links list, lists by default tries to reserve a whole line
also they add space surrounding them. we cancel all that and send the list
to the right
*/
#user-login-form div.item-list ul {
  margin: 10px; padding: 0px;
  padding-top:5px;
  text-align:left;
  clear:both;
}

/*
remember, stylign above was for the whole list, now for each item,
we all know each item in the list by default exists on a separate line, also
has that bullet on the left. we cancel all that. and makes all items sit beside
each other
*/
#user-login-form div.item-list ul li {
  margin:0px;
  padding: 0px;
  margin-top: 6px;
  background: none;
  list-style:none;
  display:inline;
}

/*
this is the "Hi user, welcome back message".
by default <p> tries to exist on a separate line, we cancel that.
also by default <p> has some surrounding space, we cancel that too, and give it
only space on the left.
*/
#user-login-form p.user-info {
  float: left;
  padding: 0;
  margin: 0 0 0 10px;
}

Kann mir jemand helfen und sagen wie ich meinen Wunsch umsetzen kann? Oder muss dafür ein eigenes Modul geschrieben werden?

edit: habe neue Frage unter Anfänger Fragen zum Thema eingestellt da es wohl eher um eine CSS Frage als um das Modul geht

‹ Modul Admin Pfad nicht erreichbar [gelöst]Werte aus locations verwenden ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Für deinen Wunsch ist der

Eingetragen von md (3717)
am 16.10.2010 - 17:08 Uhr

Für deinen Wunsch ist der Einsatz dieses Moduls kontraproduktiv, denn es ist ja eben so geschrieben worden, dass alles in einer Zeile dargestellt wird.
Man kann den normalen Login-Block mit CSS so hinbekommen, wie du das möchtest.

Folgendes CSS sollte ein guter Start sein:

#edit-name-wrapper, #edit-pass-wrapper, #user-login-form .item-list {
  float:left;
  width:120px /* das musst du ausprobieren */
}

vg
md - DrupalCenter.de

mdwp* Drupal Consulting & Services

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke das war wirklich der gute Start

Eingetragen von lorden26 (135)
am 17.10.2010 - 23:58 Uhr

Danke das war wirklich der "gute Start".

Habe es jetzt mit css für die core Benutzeranmeldung hinbekommen und das Modul weggelassen.

Gruß
Tom

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • PHP 8.1 - Deprecated function: rtrim()
  • Preloader / Spnner entfernen Menu Link Modal-Modul
  • Schriftgröße standard einstellen
  • Drupal Website gestalten
  • MariaDB 10.6
  • Entity Reference - Title Felder werden als Link angezeigt
  • Tokens werden in Viev als Link angezeigt
  • [bug entdeckt & workaround gefunden] benutzerdefinierte Felder vom Userprofil tauchen ungefragt auch in den Forumtopics auf...
  • [gelöst] Mass contact Empfängerliste nach Taxonomy Term statt Rolle
  • Update V. 9.3.12 auf V. 9.4 mit Fehler: Modul mySQL fehlt. Bitte Hilfe.
  • Sprachpfad, in Drupal Korrekt einstellen, auch bei den Meta-Tags
  • Update von Drupal 9.3 auf 9.4 oder bei 9.3 bleiben
Weiter

Neue Kommentare

  • Danke fürs Feedback. Gut dass
    vor 1 Tag 12 Stunden
  • Patch angewandt
    vor 1 Tag 15 Stunden
  • core_version_requirement: ^8
    vor 3 Tagen 17 Stunden
  • core_version_requirement: ^8
    vor 3 Tagen 17 Stunden
  • ok. Wenn ich das mache
    vor 3 Tagen 17 Stunden
  • Bei gleichem Namen hat das
    vor 3 Tagen 17 Stunden
  • Sorry, dass ich mich hier
    vor 3 Tagen 18 Stunden
  • Habe Patch versucht
    vor 4 Tagen 1 Stunde
  • Hier wird ein Patsch
    vor 4 Tagen 2 Stunden
  • Mit Drupal geht das um 150
    vor 4 Tagen 14 Stunden

Statistik

Beiträge im Forum: 247866
Registrierte User: 19593

Neue User:

  • Davidsnins
  • kudes
  • Tkakah

» Alle User anzeigen

User nach Punkten sortiert:
wla9213
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 5 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association