Suche

[Ursus]

Hallo liebe Gemeinde!

Seit Tagen versuche ich nebst sprachlichen Anpassungen auch die optische Darstellung zu optimieren - im Sinne der Benutzerfreundlichkeit.

Konkret versuche ich das im Theme "brightsideoflife".

Nach verschiedenen Registrierungsversuchen meiner Testpersonen hat sich herausgestellt, dass die Buttons und die Eingabefelder das Problem sind.

Das trifft auf alle Formulareingaben zu (Feedback, Benutzerinfos etc.).

Die Eingabefelder sind zu unscheinbar und die Buttons unten "Neuer Benutzer" und "Fertigstellen" zu unauffällig. Bei den Eingabefelder haben sie nicht mal gemerkt, dass das Passwort hintereinander zweimal eingegeben werden musste.

Wo kann ich diese Darstellungen verändern? Da wo ich es bisher versucht hatte, ergaben sich keine Veränderungen. Ich bin inzwischen ratlos.


Wer mag mir da helfen?

Grüsse
Ursus

[Baldyman]

Servus Ursus   und   on board

Hab gerade ein wenig rumprobiert.
Nehm mal deine  /themes/brightsideoflife/style/main.css  und erweitere sie um folgende Zeilen.
Einfach ganz unten dranhängen. Die Farben musst du noch anpassen  

Sieht dann so aus 

Code Auswählen Erweitern

form input, form input[type="text"], form input[type="file"], form input[type="password"], form textarea, form select {
background-color:#FF00FF;
border-color:#EBEBEB #FFFFFF #FFFFFF #EBEBEB;
border-style:solid;
border-width:1px;
color:#666666;
}

form button, button, form input[type="submit"], form input[type="reset"], input[type="button"], .button, .formbutton {
background-color:#FDFDFD;
border-color:#000000 #000000 #000000 #000000;
border-style:solid;
border-width:1px;
color:#666666;
cursor:pointer;
font-size:1em;
margin:0.2em;
padding:0.15em 0.3em 0.18em;
text-align:center;
text-decoration:none;
}

Hoffe dies hilft dir erstmal weiter.

Ein nützliches Tool, wenn man am Theme rumbastelt, oder Sachen sucht wo sie stecken, ist FIREBUG für den FF.

[Ursus]

Vielen Dank, Baldyman!

Super, damit würde das Eingabefeld nicht mehr übersehen. Die Buttons sind dann also nicht so anpassbar, gell?

Beim Registrieren gehen die schon etwas unter, da wir sehr ungeübte Leute haben. 

Grüsse
Ursus

[Baldyman]

...  Die Buttons sind dann also nicht so anpassbar, gell? ...

Kommt drauf an .. die Farben ... Randform und Farbe etc. kannst du schon ändern.

Nimm mal folgende Zeilen dafür. Ich hab die Farben einigermaßen angepasst.
Hoffe des gefällt dir so !?

Code Auswählen Erweitern

form button, button, form input[type="submit"], form input[type="reset"], input[type="button"], .button, .formbutton {
background-color:#9EC630;
border:1px solid #330066;
color:#330066;
cursor:pointer;
font-size:1em;
margin:0.2em;
padding:0.15em 0.3em 0.18em;
text-align:center;
text-decoration:none;
}

form input, form input[type="text"], form input[type="file"], form input[type="password"], form textarea, form select {
background-color:#E0EEB9;
border:1px solid #330066;
color:#666666;
}

[Ursus]

Toll! Danke, Baldyman!

Ich werde das baldmöglichst auf dem anderen PC umsetzen!

Spitzemässig! 

[Baldyman]

Jederzeit wieder   
Wenn´s für dich erledigt ist, links unten den netten Button      klicken 

[Ursus]

Ja, werd ich tun, so bald das Theme sich so anschauen lässt! 

Grüsse
Ursus

[Ursus]

Absolute Spitze! 

Danke sehr! Super-Support! 

Grüsse
Ursus