tag:forum.selfhtml.org,2005:/selfIcons und Grafiken – SELFHTML-Blog2022-09-06T05:32:50Zhttps://forum.selfhtml.org/weblog/2022/sep/06/icons-und-grafiken/1801875#m1801875Matthias Scharwiesmscharwies@selfhtml.org2022-09-06T05:32:50Z2022-09-06T05:32:50ZIcons 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>