{"id":245,"date":"2005-07-01T10:11:37","date_gmt":"2005-07-01T08:11:37","guid":{"rendered":"\/?p=245"},"modified":"2012-07-03T18:48:47","modified_gmt":"2012-07-03T18:48:47","slug":"nicetitle","status":"publish","type":"post","link":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/","title":{"rendered":"Nicetitle"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/www.joachimott.de\/journal\/images\/05\/050701_nicetitle.jpg\" alt=\"Nicetitle\" \/><\/p>\n<p>Ist mir gerade beim St\u00f6bern durch eine der Photofriday-Seiten aufgefallen: Der transparente Kasten, der sich \u00f6ffnet, wenn man \u00fcber einen Link f\u00e4hrt. Viel netter als die dr\u00f6gen Tooltips, obwohl die ja auch hilfreich sind. Der Gag ist ein kleines Javascript, das diesen Effekt bei den neueren Browsern bewirkt. Dazu brauchts noch ein eigenes CSS, das man zusammen mit den anderen CSS und dem Javascript im Head einbaut, und ein halbtransparentes png. Fertig.<\/p>\n<p>Wer sich das in deutscher Sprache ausf\u00fchrlicher beschreiben lassen will, der sehe nach bei www.my-two-cents.de, der das dankenswerter Weise erkl\u00e4rt. <\/p>\n<p>Praktischerweise h\u00e4ngt dieser Effekt an der title-Angabe beim Link. Wenn man also andere CCS-hover-Effekte auf der Seite verwendet zB f\u00fcr Navigationsbuttons, br\u00e4cuhte man ja bei denen nur den title wegzulassen. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ist mir gerade beim St\u00f6bern durch eine der Photofriday-Seiten aufgefallen: Der transparente Kasten, der sich \u00f6ffnet, wenn man \u00fcber einen Link f\u00e4hrt. Viel netter als die dr\u00f6gen Tooltips, obwohl die ja auch hilfreich sind. Der Gag ist ein kleines Javascript, das diesen Effekt bei den neueren Browsern bewirkt. Dazu brauchts noch ein eigenes CSS, das [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[4],"tags":[],"class_list":["post-245","post","type-post","status-publish","format-standard","hentry","category-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nicetitle - joachimott journal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nicetitle - joachimott journal\" \/>\n<meta property=\"og:description\" content=\"Ist mir gerade beim St\u00f6bern durch eine der Photofriday-Seiten aufgefallen: Der transparente Kasten, der sich \u00f6ffnet, wenn man \u00fcber einen Link f\u00e4hrt. Viel netter als die dr\u00f6gen Tooltips, obwohl die ja auch hilfreich sind. Der Gag ist ein kleines Javascript, das diesen Effekt bei den neueren Browsern bewirkt. Dazu brauchts noch ein eigenes CSS, das [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/\" \/>\n<meta property=\"og:site_name\" content=\"joachimott journal\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joachimott.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2005-07-01T08:11:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-07-03T18:48:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.joachimott.de\/journal\/images\/05\/050701_nicetitle.jpg\" \/>\n<meta name=\"author\" content=\"Joachim Ott\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@joachimott\" \/>\n<meta name=\"twitter:site\" content=\"@joachimott\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joachim Ott\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/\"},\"author\":{\"name\":\"Joachim Ott\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/c4aa6cc5cd818b221ccf9975bd0248c5\"},\"headline\":\"Nicetitle\",\"datePublished\":\"2005-07-01T08:11:37+00:00\",\"dateModified\":\"2012-07-03T18:48:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/\"},\"wordCount\":133,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/images\\\/05\\\/050701_nicetitle.jpg\",\"articleSection\":[\"Design\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/\",\"name\":\"Nicetitle - joachimott journal\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/images\\\/05\\\/050701_nicetitle.jpg\",\"datePublished\":\"2005-07-01T08:11:37+00:00\",\"dateModified\":\"2012-07-03T18:48:47+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/c4aa6cc5cd818b221ccf9975bd0248c5\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/images\\\/05\\\/050701_nicetitle.jpg\",\"contentUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/images\\\/05\\\/050701_nicetitle.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2005\\\/07\\\/01\\\/nicetitle\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nicetitle\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#website\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/\",\"name\":\"joachimott journal\",\"description\":\"Weblog von Joachim Ott\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/c4aa6cc5cd818b221ccf9975bd0248c5\",\"name\":\"Joachim Ott\",\"sameAs\":[\"http:\\\/\\\/www.joachimott.de\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nicetitle - joachimott journal","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/","og_locale":"de_DE","og_type":"article","og_title":"Nicetitle - joachimott journal","og_description":"Ist mir gerade beim St\u00f6bern durch eine der Photofriday-Seiten aufgefallen: Der transparente Kasten, der sich \u00f6ffnet, wenn man \u00fcber einen Link f\u00e4hrt. Viel netter als die dr\u00f6gen Tooltips, obwohl die ja auch hilfreich sind. Der Gag ist ein kleines Javascript, das diesen Effekt bei den neueren Browsern bewirkt. Dazu brauchts noch ein eigenes CSS, das [&hellip;]","og_url":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/","og_site_name":"joachimott journal","article_publisher":"https:\/\/www.facebook.com\/joachimott.de\/","article_published_time":"2005-07-01T08:11:37+00:00","article_modified_time":"2012-07-03T18:48:47+00:00","og_image":[{"url":"https:\/\/www.joachimott.de\/journal\/images\/05\/050701_nicetitle.jpg","type":"","width":"","height":""}],"author":"Joachim Ott","twitter_card":"summary_large_image","twitter_creator":"@joachimott","twitter_site":"@joachimott","twitter_misc":{"Verfasst von":"Joachim Ott","Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/#article","isPartOf":{"@id":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/"},"author":{"name":"Joachim Ott","@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/c4aa6cc5cd818b221ccf9975bd0248c5"},"headline":"Nicetitle","datePublished":"2005-07-01T08:11:37+00:00","dateModified":"2012-07-03T18:48:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/"},"wordCount":133,"commentCount":0,"image":{"@id":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/#primaryimage"},"thumbnailUrl":"https:\/\/www.joachimott.de\/journal\/images\/05\/050701_nicetitle.jpg","articleSection":["Design"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/","url":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/","name":"Nicetitle - joachimott journal","isPartOf":{"@id":"https:\/\/www.joachimott.de\/journal\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/#primaryimage"},"image":{"@id":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/#primaryimage"},"thumbnailUrl":"https:\/\/www.joachimott.de\/journal\/images\/05\/050701_nicetitle.jpg","datePublished":"2005-07-01T08:11:37+00:00","dateModified":"2012-07-03T18:48:47+00:00","author":{"@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/c4aa6cc5cd818b221ccf9975bd0248c5"},"breadcrumb":{"@id":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/#primaryimage","url":"https:\/\/www.joachimott.de\/journal\/images\/05\/050701_nicetitle.jpg","contentUrl":"https:\/\/www.joachimott.de\/journal\/images\/05\/050701_nicetitle.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.joachimott.de\/journal\/2005\/07\/01\/nicetitle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.joachimott.de\/journal\/"},{"@type":"ListItem","position":2,"name":"Nicetitle"}]},{"@type":"WebSite","@id":"https:\/\/www.joachimott.de\/journal\/#website","url":"https:\/\/www.joachimott.de\/journal\/","name":"joachimott journal","description":"Weblog von Joachim Ott","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.joachimott.de\/journal\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/c4aa6cc5cd818b221ccf9975bd0248c5","name":"Joachim Ott","sameAs":["http:\/\/www.joachimott.de"]}]}},"_links":{"self":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":1,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/245\/revisions"}],"predecessor-version":[{"id":3519,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/245\/revisions\/3519"}],"wp:attachment":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/media?parent=245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/categories?post=245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/tags?post=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}