{"id":3698,"date":"2018-04-05T15:07:06","date_gmt":"2018-04-05T15:07:06","guid":{"rendered":"http:\/\/nordwind.info\/?page_id=3698"},"modified":"2018-09-25T16:22:21","modified_gmt":"2018-09-25T16:22:21","slug":"souvenirs-banner-auf-profilseite-einbinden","status":"publish","type":"page","link":"https:\/\/nordwind.info\/?page_id=3698","title":{"rendered":"Souvenirs auf die Profilseite"},"content":{"rendered":"<p style=\"text-align: justify;\">Selbstverst\u00e4ndlich haben viele Nutzer von GC.com ihre eigenen Methoden, wenn es darum geht, Bilder, Banner ooder Souvenirs in ihre Profilseite einzubinden. Die h\u00e4ufigtse Methode bestaht aus dem einf\u00fcgen des Quellcodes des Banners in die Profilseite. Je nach Aktivit\u00e4t f\u00fcllt sich so nach und nach die Profilseite.<\/p>\n<p><a href=\"http:\/\/nordwind.info\/wp-content\/uploads\/2018\/04\/Bannerausschnitt.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3717\" src=\"http:\/\/nordwind.info\/wp-content\/uploads\/2018\/04\/Bannerausschnitt.jpg\" alt=\"\" width=\"754\" height=\"266\" srcset=\"https:\/\/nordwind.info\/wp-content\/uploads\/2018\/04\/Bannerausschnitt.jpg 754w, https:\/\/nordwind.info\/wp-content\/uploads\/2018\/04\/Bannerausschnitt-300x106.jpg 300w\" sizes=\"auto, (max-width: 754px) 100vw, 754px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Soll das Ganze etwas geordneter aussehen wir z. B. mehrere Banner mit einheitlichen Gr\u00f6\u00dfen nebeneinander, m\u00fcssen einige kleine H\u00fcrden in Sachen Bildbearbeitung und HTML genommen werden.<\/p>\n<p><strong>Erzeugen einer Tabelle f\u00fcr mehrere Bilder<\/strong><\/p>\n<p style=\"text-align: justify;\">F\u00fcr die Darstellung von mehreren Bildern nebeneinander bedienen wir uns einer HTML-Tabelle, die wir in die Profilseite (ohne Text <span style=\"color: #339966;\">Bildadresse<\/span>) hineinkopieren und die wie folgt aussieht:<\/p>\n<p>&lt;table&gt;<br \/>\n&lt;tbody&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td&gt;&lt;img src=&#8220;<span style=\"color: #339966;\">Bildadresse<\/span>&#8220;<br \/>\nstyle=&#8220;border:0px solid ;width:300px;height:160px;&#8220;&gt;&lt;\/td&gt;&lt;\/td&gt;&lt;\/td&gt;&lt;\/td&gt;<br \/>\n&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;img src=&#8220;<span style=\"color: #339966;\">Bildadresse<\/span>&#8220;<br \/>\nstyle=&#8220;border:0px solid ;width:300px;height:160px;&#8220;&gt;&lt;\/td&gt;&lt;\/td&gt;&lt;\/td&gt;&lt;\/td&gt;<br \/>\n&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;img src=&#8220;<span style=\"color: #339966;\">Bildadresse<\/span>&#8220;<br \/>\nstyle=&#8220;border:0px solid ;width:300px;height:160px;&#8220;&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;\/tbody&gt;<br \/>\n&lt;\/table&gt;<\/p>\n<p style=\"text-align: justify;\">Als n\u00e4chstes greifen wir uns von den einzuf\u00fcgenen Bildern die jeweilige <span style=\"color: #339966;\">Bildadresse<\/span> ab (Mac: Befehl \u00fcber linke Maustaste) und f\u00fcgen sie zwischen die Werte\u00a0<strong>img src=&#8220;<\/strong>\u00a0und <strong>&#8222;<\/strong><br \/>\n<strong>style<\/strong>. Das oben abgebildete Tool ist f\u00fcr 3 Bilder ausgelegt, das nach Belieben durch einf\u00fcgen oder l\u00f6schen der mittleren Bildzeile &#8211; also &lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;<span style=\"color: #339966;\">Bildadresse<\/span>&lt;\/td&gt;&lt;\/td&gt;&lt;\/td&gt;&lt;\/td&gt; \u00a0&#8211; erweitert bzw. verringert werden kann. Die Werte &lt;td&gt;&lt;td&gt;&lt;td&gt; vor, und &lt;\/td&gt;&lt;\/td&gt;&lt;\/td&gt; nach dem Wert\u00a0<strong>&lt;td&gt;<\/strong><strong>&lt;\/td&gt;<\/strong> sorgen f\u00fcr einen ausreichenden Abstand zwischen den Bildern. Wird eine neue Tabelle f\u00fcr weitere Bilder eingef\u00fcgt, ist eine ausreichender Abstand der Bilder nach unten bzw. nach oben vorhanden. Gen\u00fcgt dies nicht und soll stattdessen ein Absatz eingef\u00fcgt werden, erfolgt dies mit dem Wert\u00a0<strong>&lt;br&gt;<\/strong>. Das Eingeben durch Leerzeilem mittels &gt;Enter&lt; hat im HTML keine Auswirkung.<\/p>\n<p><strong>Bildgr\u00f6\u00dfen individuell \u00e4ndern<\/strong><\/p>\n<p style=\"text-align: justify;\">Da viele Souveniers in unterschiedlichen Bildgr\u00f6\u00dfen bereiutgestellt werden k\u00f6nnen wir noch den HTML-Wert<\/p>\n<p>style=&#8220;width: <strong><span style=\"color: #339966;\">300<\/span><\/strong>px; height: <strong><span style=\"color: #339966;\">160<\/span><\/strong>px;&#8220;<\/p>\n<p style=\"text-align: justify;\">zwischen\u00a0&lt;<span style=\"color: #ff0000;\">img <span style=\"color: #000000;\">und<\/span> src <span style=\"color: #000000;\">einbauen, womit wir bei den <strong><span style=\"color: #339966;\">Pixelwerten<\/span><\/strong> die Bildgr\u00f6\u00dfe individuell anpassen k\u00f6nnen.<\/span><\/span><\/p>\n<p><a href=\"#\">Nach oben<\/a><\/p>\n<p><a href=\"http:\/\/nordwind.info\/wp-content\/uploads\/2018\/03\/sh2schluss.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2750\" src=\"http:\/\/nordwind.info\/wp-content\/uploads\/2018\/03\/sh2schluss.gif\" alt=\"\" width=\"45\" height=\"66\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Selbstverst\u00e4ndlich haben viele Nutzer von GC.com ihre eigenen Methoden, wenn es darum geht, Bilder, Banner ooder Souvenirs in ihre Profilseite einzubinden. Die h\u00e4ufigtse Methode bestaht aus dem einf\u00fcgen des Quellcodes des Banners in die Profilseite. Je nach Aktivit\u00e4t f\u00fcllt sich &hellip; <a href=\"https:\/\/nordwind.info\/?page_id=3698\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3698","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nordwind.info\/index.php?rest_route=\/wp\/v2\/pages\/3698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nordwind.info\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nordwind.info\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nordwind.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nordwind.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3698"}],"version-history":[{"count":57,"href":"https:\/\/nordwind.info\/index.php?rest_route=\/wp\/v2\/pages\/3698\/revisions"}],"predecessor-version":[{"id":4047,"href":"https:\/\/nordwind.info\/index.php?rest_route=\/wp\/v2\/pages\/3698\/revisions\/4047"}],"up":[{"embeddable":true,"href":"https:\/\/nordwind.info\/index.php?rest_route=\/wp\/v2\/pages\/6"}],"wp:attachment":[{"href":"https:\/\/nordwind.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}