{"id":3662,"date":"2008-07-25T22:24:35","date_gmt":"2008-07-25T20:24:35","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=771"},"modified":"2017-12-03T11:06:37","modified_gmt":"2017-12-03T09:06:37","slug":"garage-offne-dich-horizontales-menu-mit-rolladen-effekt","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2008\/07\/garage-offne-dich-horizontales-menu-mit-rolladen-effekt\/","title":{"rendered":"Garage \u00f6ffne dich &#8211; Horizontales Men\u00fc mit Rolladen Effekt"},"content":{"rendered":"<p>Vor ca. einem halben oder dreiviertel Jahr erinnere ich mich an einen Anruf eines an einer Webseite Interessierten. Um was genau es gehen sollte wollt er mir nicht so recht verraten bzw.\u00c2\u00a0 hat schmunzelnd immer ein bisschen um den hei\u00dfen Brei herumgeredet. Wichtig war ihm jedoch, dass er auf seiner Webseite Schaufenster haben wollte und wenn man &#8222;da drauf klickt&#8220; sollte sich der Vorhang \u00f6ffnen und dann das &#8222;was auch immer im Angebot ist&#8220; zu sehen sein.<\/p>\n<p>Nun ja &#8211; im Nachhinein konnte ich mir dann schon vorstellen, was da hinter dem Vorhang wartet, aber w\u00e4hrend des Gespr\u00e4ches reichte meine Fantasie nicht und ich habe das nicht gescheckt, naja, vielleicht irre mich auch und deswegen unterlasse ich an dieser Stelle mal weitere Spekulationen ;-)<\/p>\n<p>Heute fand ich beim St\u00f6bern aber genau das, wonach dieser Mensch wohl gesucht hatte. Ich wei\u00df nicht, ob ich jemals eine solche Navigation auf einer Webseite einsetzen werde bzw. ob ich mal einen (seri\u00f6sen) Auftrag bekomme, bei welchem folgendes Men\u00fc sinnvoll verwendet werden k\u00f6nnte, aber f\u00fcr den Fall dass doch: hier ein Hinweis auf ein nicht ganz allt\u00e4gliches horizontales Men\u00fc, <a href=\"http:\/\/css-tricks.com\/\">welches ich im Weblog von Chris Coyier bei CSS-Tricks gefunden habe<\/a>. Thanks to Chris.<\/p>\n<p><a href=\"http:\/\/css-tricks.com\/garage-door-style-menu-using-animated-background-images-with-jquery\/\">css-tricks.com\/garage-door-style-menu<\/a><\/p>\n<p>Demo:<br \/>\n<a href=\"http:\/\/css-tricks.com\/examples\/GarageDoorMenu\/\">http:\/\/css-tricks.com\/examples\/GarageDoorMenu\/<\/a><\/p>\n<p>Das Men\u00fc arbeitet mit Javascript, aber wenn dieses nicht aktiviert ist, kann man immer noch auf die \u00e4u\u00dferen Bilder klicken. Ob  das in allen Browsern funktioniert wei\u00df ich jetzt nicht und habe ich auch nicht ausprobiert &#8211; ganz nett gemacht und &#8222;mal was anderes&#8220; ist es jedoch allemal.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vor ca. einem halben oder dreiviertel Jahr erinnere ich mich an einen Anruf eines an einer Webseite Interessierten. Um was genau es gehen sollte wollt er mir nicht so recht verraten bzw.\u00c2\u00a0 hat schmunzelnd immer ein bisschen um den hei\u00dfen Brei herumgeredet. Wichtig war ihm jedoch, dass er auf seiner Webseite Schaufenster haben wollte und  &#8230; <a title=\"Garage \u00f6ffne dich &#8211; Horizontales Men\u00fc mit Rolladen Effekt\" class=\"read-more\" href=\"https:\/\/www.jukemedia.de\/blog\/2008\/07\/garage-offne-dich-horizontales-menu-mit-rolladen-effekt\/\" aria-label=\"Mehr Informationen \u00fcber Garage \u00f6ffne dich &#8211; Horizontales Men\u00fc mit Rolladen Effekt\">Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[143,144,177,14],"yst_prominent_words":[],"class_list":["post-3662","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-css-xhtml","tag-css-menu","tag-tipps-und-tricks","tag-webdesign-2"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=3662"}],"version-history":[{"count":1,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3662\/revisions"}],"predecessor-version":[{"id":4032,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3662\/revisions\/4032"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=3662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=3662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=3662"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=3662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}