{"id":141,"date":"2025-03-29T19:05:32","date_gmt":"2025-03-29T18:05:32","guid":{"rendered":"https:\/\/shop.on-mouseover.de\/?post_type=product&#038;p=141"},"modified":"2026-01-01T12:35:26","modified_gmt":"2026-01-01T11:35:26","slug":"01-quotes-sayings-idioms","status":"publish","type":"product","link":"https:\/\/shop.on-mouseover.de\/?product=01-quotes-sayings-idioms","title":{"rendered":"01 &#8211; Quotes, Sayings &#038; Idioms"},"content":{"rendered":"<h4>Technik<\/h4>\n<ul class=\"liste3\">\n<li><b>Responsive Webdesign:<\/b> Anpassung\/Optimierung der unterschiedlichen Bildschirmgr\u00f6\u00dfen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.<\/li>\n<li><b>Mobile-First-Technik | Icon-Font: Font Awesome<\/b> | <b>Jquery: Lightbox-Foto-Galerie<\/b><\/li>\n<li><b>Schrift<\/b>: &#8218;Open Sans Condensed&#8216; und &#8218;Old Standard&#8216;.<\/li>\n<li><b>CSS-Only-Men\u00fc mit Toggle-Schalter.<\/b> Eine Javascript-freie L\u00f6sung, welche eine Funktion per Schalter (an\/aus) erm\u00f6glicht um das Men\u00fc auf mobilen Ger\u00e4ten zun\u00e4chst zu verstecken.<\/li>\n<\/ul>\n<h4>Besonderheiten<\/h4>\n<ul class=\"liste3 bes\">\n<li><b>One-Pager<\/b>: <sup>1<\/sup> Alle Inhalte innerhalb einer HTML-Seite.<\/li>\n<li><b>Jquery Smooth Scroll To Sections<\/b>: <sup>2<\/sup><\/li>\n<li><b>CSS-Box-Fenster<\/b>: Inhaltsfenster \u00f6ffnen sich per Klick als div-Box innerhalb der selben Seite &#8211; Eben ganz ohne Javascript (Jquery) und damit immer funktionell, also auch wenn Javascript vom Besucher der Seite in seinem Browser deaktiviert wurde.<\/li>\n<li><b>Fixierte Men\u00fc-Leiste<\/b> Men\u00fc scrollt also nicht mit, sondern ist fest positioniert<\/li>\n<li><b>CSS Ghost Buttons<\/b> <sup>3<\/sup> passend zum Flat Design.<\/li>\n<\/ul>\n<div class=\"suptext\">\n<p><sup>1<\/sup>= One Pager | Dies ist ein responsive One-Pager. Im Prinzip bedeutet es, das die Webseite nur aus einem einzigen Webdokument, also nur einer HTML-Seite besteht. Klicken Sie die Links im Men\u00fc und sehen Sie wie innerhalb einer Seite die verschiedenen Sektionen aufgerufen werden. Wichtiger Bestandteil eines One-Pagers ist das Smooth-Scroll-To-Sections sowie das \u00d6ffnen von (div-)Boxfenstern innerhalb der selben Seite f\u00fcr weiteren Inhalt.<\/p>\n<p><sup>2<\/sup>= Smooth Scroll To Sections | Die Sprungziele, sprich die einzelnen Sektionen (Abschnitte) werden \u00fcbrigens animiert sanft und sichtbar angesteuert. Gemeint ist das sogenannte &#8218;Smooth Scrolling&#8216;, welches der \u00dcbersichtlichkeit und besseren Orientierung dient. Man registriert also auch optisch, wohin man gelangt und springt nicht so abrupt wie sonst beim \u00fcblichen HTML-Anker.<\/p>\n<p><sup>3<\/sup>= Ghost Buttons | Ein sog. Ghost-Button ist ein Element beim Flat Design, welcher meist keine F\u00fcllung sondern nur einen Rahmen aufweist. Der Mouse-Over-Effekt f\u00fcllt dann h\u00e4ufig den Button vollst\u00e4ndig aus und invertiert die Schrift.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Technik Responsive Webdesign: Anpassung\/Optimierung der unterschiedlichen Bildschirmgr\u00f6\u00dfen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC. Mobile-First-Technik | Icon-Font: Font Awesome | Jquery: Lightbox-Foto-Galerie Schrift: &#8218;Open Sans Condensed&#8216; und &#8218;Old Standard&#8216;. CSS-Only-Men\u00fc mit Toggle-Schalter. Eine Javascript-freie L\u00f6sung, welche eine Funktion per Schalter (an\/aus) erm\u00f6glicht um das Men\u00fc auf mobilen Ger\u00e4ten zun\u00e4chst zu verstecken. Besonderheiten One-Pager: 1 Alle [&hellip;]<\/p>\n","protected":false},"featured_media":43,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_brand":[],"product_cat":[20],"product_tag":[],"class_list":{"0":"post-141","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-homepagevorlagen","7":"wcpa_has_options","9":"first","10":"instock","11":"downloadable","12":"virtual","13":"taxable","14":"purchasable","15":"product-type-simple"},"_links":{"self":[{"href":"https:\/\/shop.on-mouseover.de\/index.php?rest_route=\/wp\/v2\/product\/141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shop.on-mouseover.de\/index.php?rest_route=\/wp\/v2\/product"}],"about":[{"href":"https:\/\/shop.on-mouseover.de\/index.php?rest_route=\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/shop.on-mouseover.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shop.on-mouseover.de\/index.php?rest_route=\/wp\/v2\/media\/43"}],"wp:attachment":[{"href":"https:\/\/shop.on-mouseover.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=141"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/shop.on-mouseover.de\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_brand&post=141"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/shop.on-mouseover.de\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_cat&post=141"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/shop.on-mouseover.de\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_tag&post=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}