Da ich mit meinem Suchfenster nicht zufrieden bin und schon in diversen Forn gesehen habe mit der ausklappbaren Suche, wollte ich mal fragen ob es darüber eine Anleitung oder ähnliches gibt. Hier habe ich es schon wieder gesehen, deshalb frage ich mal ganz unverbindlich, vielleicht bekomme ich ja eine hilfreiche Antwort.
Ausklappbare Suchfunktion
- ruhrpottbobo
- Erledigt
-
Wenn ich das noch recht in Erinnerung habe, ist das einfach ein Hover Effekt. Man gibt der Suche die Breite für das Suchicon. Und dem Hover die Breite die die Suchleiste haben soll.
Also so oder so ähnlich war es ...
-
Ich als oller jQuery-Fanboy kann dich auf folgendes fiddle verweisen
http://jsfiddle.net/blineberry/mrzqK/ -
jQuery braucht man dafür gar nicht - kann man machen, geht aber auch mit CSS. Wie @Muschelkuh schon erwähnt hatte ist der :hover Pseudoselektor in Kombination mit der Breite der Weg zum Ziel. Ich hatte das bei D-Sign24 auch mit CSS umgesetzt.
-
…dann natürlich noch transition für einen sanften Übergang.
-
jo, sicher. Ohne transition sieht's doof aus
-
So in der Art hatte ich das schon versucht, klappt aber irgendwie nicht.
Schau dir doch einfach im Browser an, wie es gemacht wurde: -
Hallo ruhrpottbobo
ich ging eben auf deine Seite und dabei ist mir was aufgefallen, weil ich wegen der Suche schnell schauen wollte wie die nun drin hast
Die Suche und Registrieren, anmelden liegen aufeinanderBin mit Laptop online da ich (noch) keinen anderen PC habe. Habe also nicht so grossen Bildschirm. Vielleicht liegt es ja daran das ich die zwei Dinge aufeinander sehe.
Wobei ich denke das auch andere nicht so grossen Bildschirm haben und dann das selbe sehen würden.Lg Seele
