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
Servus Ursus :bye: und :viannen_01: 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 :BD:
(https://forum.pragmamx.org/proxy.php?request=http%3A%2F%2Fwww.abload.de%2Fthumb%2Fscreenshot_05082010_00f3ny.jpg&hash=5cc7bea0850d9eb74686675c5df85af9341e2189) (http://www.abload.de/image.php?img=screenshot_05082010_00f3ny.jpg)
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 (https://addons.mozilla.org/de/firefox/addon/1843/) für den FF.
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. :red:
Grüsse
Ursus
Zitat von: Ursus in 05 August 2010, 23:00:18
... 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 !?
(https://forum.pragmamx.org/proxy.php?request=http%3A%2F%2Fwww.abload.de%2Fthumb%2Fscreenshot_05082010_00s3rd.jpg&hash=749045057bc8f6db20d1443543c500c5beb5e671) (http://www.abload.de/image.php?img=screenshot_05082010_00s3rd.jpg)
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;
}
Toll! Danke, Baldyman!
Ich werde das baldmöglichst auf dem anderen PC umsetzen!
Spitzemässig! :thumbup:
Jederzeit wieder :JC_highfive:
Wenn´s für dich erledigt ist, links unten den netten Button (https://forum.pragmamx.org/proxy.php?request=http%3A%2F%2Fwww.pragmamx.org%2Fmodules%2FForum%2Fsmf%2FThemes%2FpragmaMxfresh%2Fimages%2Fgerman%2Fsolved.gif&hash=97f6ae3fd33ee5b8ee19d9def937b86392a36e2a) klicken ;)
Ja, werd ich tun, so bald das Theme sich so anschauen lässt! :bye:
Grüsse
Ursus
Absolute Spitze! :drinks:
Danke sehr! Super-Support! :thumbup:
Grüsse
Ursus