Marinelli banner Section
am 04.07.2013 - 10:24 Uhr in
Hallo zusammen,
Ich möchte der drupal default Userlogin in ein horizontal Userlogin ändern. Bis jetzt habe ich das geschaft:
Username |______________| Password |_______________|
Create a new account Request for new password
Login ----------> (login button)
ich weiße leider nicht wie ich der login button mit der Username und password in eine linie darstellen kann. Ich habe schon mit chrome css editor " Element Untersuchung " probiert. Es klappt aber nicht, also mit ( display: inline) klappt es nicht:
wo ich kann ich die tetxe ändern zum Beipiel Create a new account -----------> Register oder Request password --------------------> Password forgotten?
anbei meine css datei:
#block-user-login .block-title {
display: none;
}
#block-user-login label{
float: left;
}
#block-user-login{
float: left;
}
#block-user-login .item-list ul li {
list-style: none;
display: inline;
}
.form-item.form-type-password.form-item-pass, .form-item.form-type-textfield.form-item-name, div#edit-actions--2.form-actions.form-wrapper{
display: inline;
}
#block-user-login #edit-name, #block-user-login #edit-pass {
margin-right: 10px;
float: left;
}
#block-user-login .item-list {
margin-top: 20px;
}
#block-user-login .form-submit {
border: 1px solid #282828;
}
#block-user-login #edit-submit--2 {
float: left;
}
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo Angela, Die Felder und
am 05.07.2013 - 17:46 Uhr
Hallo Angela,
Die Felder und Labels und den Login-Button in eine Zeile zu bringen geht natürlich mit CSS.
Ich habe dir mal ein Beispiel für den Login beim Bartik-Theme gemacht:
/*Der Login-Block (horizontal)*/
DIV#block-user-login > DIV.content
{
display: inline;
}
DIV#block-user-login > DIV > FORM#user-login-form > DIV > DIV > INPUT#edit-name
{
float: left;
margin-right: 20px;
}
DIV#block-user-login > DIV.content > FORM#user-login-form > DIV > DIV.form-type-password > LABEL
{
float: left;
margin-right: 20px;
}
DIV#block-user-login > DIV.content > FORM#user-login-form > DIV > DIV.form-item-name > LABEL
{
float: left;
margin-right: 20px;
}
DIV#block-user-login > DIV.content > FORM#user-login-form > DIV > DIV#edit-actions > INPUT#edit-submit
{
/*+placement:displace 100px -55px;*/
position: absolute;
margin-left: 100px;
margin-top: -55px;
}
CSS ist keine triviale Sprache, sondern benötigt schon ein bißchen Erfahrung. Deshalb kann ich dir nur raten, wenn du Seiten mit Drupal gestalten willst, dann knie dich richtig tief in CSS ein und du wirst keine großen Problem bekommen. Ein guter CSS-Editor ist dabei äußerst hilfreich.
Wenn du die Worte übersetzen willst, dann kannst du das mit Konfiguration --> Oberflächenübersetzung machen.
Gruß
Berthold
Drupal Video-Tutorials
Hallo Herr Lausch
am 05.07.2013 - 20:45 Uhr
ich bedanken mich sehr für die hilfe. Ich habe viele ihr Video tutorials gesehen. Die sind sehr hilfreich und interessant.
Ich habe einige CSS von ihr KompoZer Tutorials gelernt, machen Sie so weiter. Anfänger wie ich schätzen ihre arbeit und
sind ihnen immer dankbar.
schönen Grüsse
Vielen Dank für alles