tag:forum.selfhtml.org,2005:/self Icons und Grafiken – SELFHTML-Blog 2022-09-06T05:32:50Z https://forum.selfhtml.org/weblog/2022/sep/06/icons-und-grafiken/1801875#m1801875 Matthias Scharwies mscharwies@selfhtml.org 2022-09-06T05:32:50Z 2022-09-06T05:32:50Z Icons und Grafiken <p>Durch kleine Icons können Webseiten aufgewertet werden, da Nutzer …</p> <p>Als wir Anfang September in unserer neuen Landing Page eine h2 verlinkt hatten, sah dies folgendermaßen aus:</p> <p><a href="/images/93d31a0e-2da4-11ed-86e8-b42e9947ef30.jpg" rel="noopener noreferrer"><img src="/images/93d31a0e-2da4-11ed-86e8-b42e9947ef30.jpg?size=medium" alt="" loading="lazy"></a></p> <pre><code class="block language-css"><span class="token selector">a.external, a.external[href^="gopher://"], a.link-http</span> <span class="token punctuation">{</span> <span class="token property">background</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>/skins/Selfhtml/images/icon-sprite.png?0f40c<span class="token punctuation">)</span></span> right -75px no-repeat<span class="token punctuation">;</span> <span class="token property">padding-right</span><span class="token punctuation">:</span> 15px<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Externe Link werden durch ein Sprite gekennzeichnet; besser wäre svg mit currentColor; im Augenblick zwei Hintergrundbilder bei großen Schriftgrößen</p>