Hallo liebes 1000steine-Team!

Nur eine kurze Rückfrage: Wieso ist der Like-Button eigentlich ein Plus? Ich bin leider nicht so aktiv hier, weshalb es mich immer wieder verwirrt, wenn ich einen Beitrag liken möchte. Ein "Daumen hoch" (Facebook), Herz (Twitter) oder Stern (Twitter früher) passen meines Erachtens nach viel besser.

Generell kann ich euch Font Awesome empfehlen. Ich komme aus der Web-Entwicklung und kenne es daher. Font-Awesome bietet viele Icons, die sich einfach einbinden lassen: <i class="fa fa-thumbs-o-up"></i> - Icons als Schriftart einzubinden hat auch weitere Vorteile: Man lädt weniger Einzelbilder, einheitliche Symbole auch für andere Bereiche und diese Schriftart-basierten Symbole skalieren besser auf Retina-Displays ( = keine sichtbaren Pixel)!

Das ist jetzt mein kleiner Vorschlag für 1000 Steine. Was haltet ihr davon?

LG
XoverBrick

---

Besuche mich auch auf Instagram: http://bricks.cologne

---

Permalink

1000steine-Code

BBCode

HTML

---

riepichiep hat geschrieben:

Tatsächlich bin ich auf BrickLink fündig geworden Ganz unten die Icons im Footer bei "More". Und auf den Link, den ich gepostet habe, siehst du alle verfügbaren Icons von Font Awesome 4.

Es gibt natürlich wie Garbage Collector schon gesagt hat etliche andere Icon-Fonts.

Im Prinzip funktionieren die alle gleich:

Schritt 1
Du bindest die CSS-Datei ein (welche wiederum die Fonts verlinken) (bspw. "<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>" oder entsprechend selber die CSS- und Schrift-Dateien auf den Server packen und dann einbinden)

Schritt 2
Und dann kannst du es wie wie folgt und beliebig oft im HTML verwenden: "<a href="tolleseite.html"><i class="fa fa-hand-peace-o"></i> Tolle Seite öffnen!</a>"

-

Würde man diese Library auf 1000steine verwenden, könnte man vieles vereinheitlichen und es muss nicht jedes Icon/Bildchen einzeln geladen werden (bspw. Thread-/Board-Ansicht, Like, Verstoß melden, Verlinken, Freunde, Nachrichten usw. usf.)

-

Aber bitte berücksichtigen:

Vorteile
- Skaliert auf allen Displays und beim Zoomen (ohne Pixel)
- Die Farbe und Größe lässt sich per CSS sogar noch nachträglich anpassen
- Es wird nur eine kompakte Schrift- und eine CSS-Datei vom Browser geladen (egal wie viele Icons davon benutzt werden).

Nachteile
- Weil es auf "Schriftarten" basiert, kann ein Icon immer nur einfarbig sein
- Es ist sehr komplex eigene Icons hinzuzufügen. Man muss sich also etwas aus den ganzen vorhanden Icons aussuchen. Und hier hat Font Awesome (meiner Meinung nach) die beste Auswahl

---

Besuche mich auch auf Instagram: http://bricks.cologne

---

Hier ein Beispiel wie es unterhalb einem Beitrag aussehen kann, nachdem ich Font Awesome eingebunden habe (nur über den Browser bei mir mit Hilfe der Stylish-Erweiterung) und nachdem ich in den Entwicklertools das HTML angepasst habe:

(oben rechts sieht man die "neuen" Buttons und unten wie das HTML dazu ausschaut. Die blau markierte Zeile ist bspw. der Like-Button mit Daumen hoch)

…und das könnte man natürlich überall einbinden (Beitrags-Editor für die verschiedenen Schrift-Stile, Icons in der Navigation bei Freunde und Nachrichten usw. usf.)

---

Besuche mich auch auf Instagram: http://bricks.cologne

---

XoverBrick hat geschrieben:

Es gibt durchaus auch farbige Fonts - in verschiedenen Formaten und mittlerweile auch standardisiert via OpenType-SVG. Aber überall verbreitet ist die Unterstütung halt noch nicht, etwa Chrome mag anscheinend noch nicht.

Und welche Icon-Fonts es da schon in Farbe geben mag, weiß ich nicht.

Grüße,
Andreas

---

---

XoverBrick gefällt das

---

Müssen Schriftarten, damit sie verwendet werden können, denn nicht erst auf dem jeweiligen System installiert sein?

---

Nur wenige finden den Weg. Manche erkennen ihn nicht, manche wollen das gar nicht.

---

Hallo,

Dorothea Williams hat geschrieben:

Nein. Die hier benutzte für die Überschriften kommt auch über den Browser.

---

---

Ich frage deshalb, weil nach einem Softwarewechsel in einem anderen Forum dort sämtliche Piktogramme aus einer Schriftdatei entnommen werden, selbige Piktogramme mir aber nur angezeigt werden, nachdem ich die diesbezügliche Schriftart auf meinem System installiere.

---

Nur wenige finden den Weg. Manche erkennen ihn nicht, manche wollen das gar nicht.

---

Dorothea Williams hat geschrieben:

Wie so oft in der IT: Hängt davon ab!

Man kann die Homepage so bauen, dass der Browser die Schriftart irgendwo im Netz sucht. Man kann sie aber auch so bauen, dass die Schriftart auf dem jeweiligen Rechner installiert sein muss (was bis circa 2000 auch "Standard" war ...)

---

---

Dorothea Williams hat geschrieben:

Ich hab auf der Website, die ich entwickle, die FontAwesome Schriften auf den Server hochgeladen und im Code verlinkt. So werden sie in jedem Browser angezeigt, ohne daß der User sie selbst auf dem PC installiert haben muss.

---

---

XoverBrick gefällt das

---

Im heise-Forum wird auch mit einem + bewertet (zumindest positiv).
Und das gibt es vermutlich bereits länger als FB oder twitter.

Daher plädiere ich für die Beibehaltung des +

Außerdem erinnert das + wenn man etwas gut findet immer so schön an 1984

---

Gruß
Haniwa

---

jjinspace , JuL gefällt das

---

Dieser Beitrag wurde gelöscht.

---

Thekla , Lok24 , Brixe , jjinspace , JuL gefällt das (5 Mitglieder)

---