Änderung an der Webseite: Sliding Login

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 🙁

1 Stern2 Sterne3 Sterne4 Sterne5 Sterne (keine Bewertung bisher)
Loading...
Freitag, 11. Dezember 2009 Allgemeines, Computer, Internet

2 Comments zu Änderung an der Webseite: Sliding Login

  • Thomas sagt:

    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…

  • Thomas sagt:

    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.

  • Kommentar abgeben

     
    profile for Arsenal on Stack Exchange, a network of free, community-driven Q&A sites

    PayPal-Spende



    • Hosted by netcup.de

    Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu. Weitere Informationen

    Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

    Schließen