Zeichen selbst kreiren? – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Zeichen selbst kreiren? Sun, 08 Sep 19 08:58:43 Z https://forum.selfhtml.org/self/2019/sep/08/zeichen-selbst-kreiren/1757426#m1757426 https://forum.selfhtml.org/self/2019/sep/08/zeichen-selbst-kreiren/1757426#m1757426 <p>Moin,</p> <p>in einigen Menüs verwende ich das Dreieck mit Spitze nach unten ▾ als Symbol, dass man die nächste Ebene darunter aufklappen kann.</p> <p>Nun sehe ich auf dem Smartphone aber das Rechteck der Ratlosigkeit ohne Zeigefunktion.</p> <p>Klar, ich könnte eine Pfeil-Grafik verwenden, die schert sich aber den Teufel um die Schriftfarbe.</p> <p>Seit Monaten sehe ich bei youtu.be farbige Symbole, die ich sogar in den Texteditor Geany übernehmen kann Also kann man Grafik kreiren, die als Zeichen durchgeht? Wie?</p> <p>Gruß Linuchs</p> Zeichen selbst kreiren? Sun, 08 Sep 19 09:05:08 Z https://forum.selfhtml.org/self/2019/sep/08/zeichen-selbst-kreiren/1757427#m1757427 https://forum.selfhtml.org/self/2019/sep/08/zeichen-selbst-kreiren/1757427#m1757427 <p>Servus!</p> <blockquote> <p>Seit Monaten sehe ich bei youtu.be farbige Symbole, die ich sogar in den Texteditor Geany übernehmen kann Also kann man Grafik kreiren, die als Zeichen durchgeht? Wie?</p> </blockquote> <p>Mit SVG geht sowas ganz gut: <a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Icons" rel="nofollow noopener noreferrer">SVG/Tutorials/Icons</a></p> <p>Wichtig ist, dass es für Screenreader immer eine alternative Beschreibung zum Link / zur Aktion gibt, die dann per Image-Replacement durch den Icon / die Grafik ersetzt wird.</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> 25 Jahre SELFHTML → <strong><a href="https://forum.selfhtml.org/events/4" rel="noopener noreferrer">SELF-Treffen 05.-07. Juni 2020</a></strong> in <strong>Mannheim</strong> </div> Zeichen selbst kreiren? Sun, 08 Sep 19 09:28:28 Z https://forum.selfhtml.org/self/2019/sep/08/zeichen-selbst-kreiren/1757430#m1757430 https://forum.selfhtml.org/self/2019/sep/08/zeichen-selbst-kreiren/1757430#m1757430 <p>@@Linuchs</p> <blockquote> <p>in einigen Menüs verwende ich das Dreieck mit Spitze nach unten ▾ als Symbol, dass man die nächste Ebene darunter aufklappen kann.</p> </blockquote> <p>Spitze nach unten ist das Symbol dafür, dass die nächste Ebene aufgeklappt <em>ist</em>.</p> <p>Das Symbol dafür, dass etwas nicht aufgeklappt ist, aber aufgeklappt werden kann, ist ein Dreieck mit Spitze nach <em>rechts</em>.</p> <p>Wird ▼ U+25BC <em lang="en">black down-pointing triangle</em> besser unterstützt als ▾ U+25BE <em lang="en">black down-pointing small triangle</em>?</p> <p>Die Pendants dazu sind ▶︎ U+25B6 <em lang="en">black right-pointing triangle</em> bzw. ▸ U+25B8 <em lang="en">black right-pointing small triangle</em>.</p> <blockquote> <p>Klar, ich könnte eine Pfeil-Grafik verwenden, die schert sich aber den Teufel um die Schriftfarbe.</p> </blockquote> <p>Wie Matthias andeutete: SVG mit <code>fill="currentColor"</code>. ☞ <a href="https://forum.selfhtml.org/self/2018/aug/23/icon-png-mit-transperenten-hintergrund-mittels-css-faerben/1729891#m1729891" rel="noopener noreferrer">SVG mittels CSS färben</a></p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div>