{"id":899,"date":"2011-03-31T22:47:01","date_gmt":"2011-03-31T20:47:01","guid":{"rendered":"http:\/\/www.joomla-hklein.de\/?p=899"},"modified":"2021-03-29T23:47:34","modified_gmt":"2021-03-29T21:47:34","slug":"lokale-thumbnails-einbinden","status":"publish","type":"post","link":"http:\/\/www.joomla-hklein.de\/?p=899","title":{"rendered":"Tipps zum Einbinden lokale Thumbnails in H2N Link Directory 2"},"content":{"rendered":"<p>Beim Einbinden lokaler Thumbnails kommt, wenn nicht anderes konfiguriert, dass CSS &#8222;img.thumbshots&#8220; zum Zuge.<\/p>\n<pre style=\"float: right;padding: 10px;margin: 5px;border: 1px dashed blue\">img.thumbshots {\r\n    padding-top: 2px;\r\n    padding-left: 0px;\r\n    padding-right: 10px;\r\n    padding-bottom: 2px;\r\n    text-align: left;\r\n    float: left;\r\n    border: 0px;\r\n    vertical-align: top;\r\n}\r\n<\/pre>\n<p>Dieses CSS stellt sicher, dass die Beschreibung links um das Thumbnail flie\u00c3\u0178t und die Zwischenr\u00c3\u00a4ume analog zu den per externen Diensten eingebundenen Thumbnails sind.<br \/>\nDie Gr\u00c3\u00b6\u00c3\u0178e des Thumbnails wird dabei nicht per CSS eingeschr\u00c3\u00a4nkt. Das Thumbnail wird in Originalgr\u00c3\u00b6\u00c3\u0178e angezeigt.<br \/>\nF\u00c3\u00bcr zwei Standard-Gr\u00c3\u00b6\u00c3\u0178en 120&#215;90 und 200&#215;150 gibt es die CSS img.thumbshots-120 und img.thumbshots-200, die zus\u00c3\u00a4tzlich zu img.thumbshots die jeweiligen Gr\u00c3\u00b6\u00c3\u0178enangaben enthalten.<\/p>\n<p style=\"clear: both\">&nbsp;<\/p>\n<div id=\"attachment_921\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"http:\/\/www.joomla-hklein.de\/wp-content\/uploads\/2011\/03\/css_fuer_thumbnails.png\" rel=\"lightbox[899]\"><img aria-describedby=\"caption-attachment-921\" decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-921\" src=\"http:\/\/www.joomla-hklein.de\/wp-content\/uploads\/2011\/03\/css_fuer_thumbnails-300x56.png\" alt=\"\" width=\"300\" height=\"56\" srcset=\"http:\/\/www.joomla-hklein.de\/wp-content\/uploads\/2011\/03\/css_fuer_thumbnails-300x56.png 300w, http:\/\/www.joomla-hklein.de\/wp-content\/uploads\/2011\/03\/css_fuer_thumbnails.png 853w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-921\" class=\"wp-caption-text\">Globale Angabe des CSS f\u00c3\u00bcr lokale Thumbnails<\/p><\/div>\n<p>Die Benutzung der oben genannten CSS kann man im Backend global unter &#8222;Thumbnail&#8220; -&gt; &#8222;CSS-Klasse f\u00c3\u00bcr lokale Thumbnail&#8220; konfigurieren. Man kann auch eigene CSS an geeigneter Stelle (z.B. im Template) hinterlegen und wie beschrieben konfigurieren.\u00c2\u00a0Eine Einstellung pro Thumbnails ist nicht m\u00c3\u00b6glich.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Beim Einbinden lokaler Thumbnails kommt, wenn nicht anderes konfiguriert, dass CSS &#8222;img.thumbshots&#8220; zum Zuge. img.thumbshots { padding-top: 2px; padding-left: 0px; padding-right: 10px; padding-bottom: 2px; text-align: left; float: left; border: 0px; vertical-align: top; } Dieses CSS stellt sicher, dass die Beschreibung links um das Thumbnail flie\u00c3\u0178t und die Zwischenr\u00c3\u00a4ume analog zu den per externen Diensten eingebundenen [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[11,4],"tags":[],"_links":{"self":[{"href":"http:\/\/www.joomla-hklein.de\/index.php?rest_route=\/wp\/v2\/posts\/899"}],"collection":[{"href":"http:\/\/www.joomla-hklein.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.joomla-hklein.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.joomla-hklein.de\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.joomla-hklein.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=899"}],"version-history":[{"count":33,"href":"http:\/\/www.joomla-hklein.de\/index.php?rest_route=\/wp\/v2\/posts\/899\/revisions"}],"predecessor-version":[{"id":1121,"href":"http:\/\/www.joomla-hklein.de\/index.php?rest_route=\/wp\/v2\/posts\/899\/revisions\/1121"}],"wp:attachment":[{"href":"http:\/\/www.joomla-hklein.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=899"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.joomla-hklein.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=899"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.joomla-hklein.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}