Ich habe ein interessantes Plugin gefunden um das Login „moderner“ zu gestalten. Es handelt sich hierbei um SuperSlider-Login von Daiv Mowbray.
Damit kann man sich nun über den Knopf rechts oben einloggen. Ich belasse das alte Sidebar-Login noch für eine Übergangszeit auf meiner Seite, falls es mit dem SuperSlider Probleme geben sollte.
Mit Opera und Firefox unter Linux funktioniert es aber gut. Firefox hat wohl nur gewisse Schwierigkeiten bei der Darstellung der Buttons. Da muss ich wohl mal etwas nachbessern.
So nach einem kurzen Blick unter Windows offenbart sich, dass Opera immernoch meine Webseite richtig darstellt, und der Internet Explorer selbstverständlich Probleme mit dem Sliding Login hat.
Auch beim Internet Explorer stimmen die Buttons nicht so recht.
Daher:
This side is best viewed with: Opera
Naja ich werd mich trotzdem auf die Suche nach Problemlösungen machen…
Ergänzung:
Nach einer recht kurzen Suche mithilfe der Opera Dragonfly Entwicklerwerkzeuge (erreichbar in Opera über Extras -> Weiteres -> Entwicklerwerkzeuge) wurde dann schnell klar, dass für die Buttons die falschen Styles angewandt wurden. So wurde statt des Button-Styles der Style für die Inputform (also Eingabefenster) verwendet.
Deshalb mussten die Buttons entsprechend angepasst werden. Dazu habe ich einfach mal den Code für den Suche-Knopf rausgesucht und mit dem der anderen Buttons verglichen.
1 | <input type="submit" id="search-submit" class="submit" name="submit" value="Los" /> |
Was dabei aufgefallen ist, dass bei den anderen Buttons jeweils der Teil mit class=“submit“ gefehlt hat. Ein kurzes Hinzufügen und schon sehen die Knöpfe nun alle richtig und schön in jedem Browser aus.
Jetzt besteht nur noch das Problem, dass der Internet Explorer das Panel nicht ausfahren will 🙁
Mit welchen Versionen von Internet Explorer hast Du denn getestet? Im Internet Explorer 8 unter Windows XP 32 Bit slidet es zwar, aber nur minimal, was nicht zum Einloggen reicht.
Aus diesem (und anderen) Gründen bin ich immer recht vorsichtig mit WordPress Plugins…
Im toppanel DIV liegt ein namenloses DIV mit der Höhenangabe 15px, welches wesentlich die Größe bestimmt. Darin liegt dann ein loginpanel DIV.
Eine Höhenangebe von 300px oder * könnte das Problem für den IE 8 lösen.