Tag Icons

Ok, iv gotten it to fit in the tag box how it looks nice but that’s for every tags box, iv found how to target specific tags but what would be the right way of selecting that tags box to put in the png icon?

trying to select one -

.tag-question::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}

Selecting all -

a.discourse-tag.box::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}

Wenn Sie noch suchen, habe ich diese Seite gefunden, die viele Flaggen-SVG-Icons hat und es gibt möglicherweise eine Möglichkeit, sie als benutzerdefinierte SVG-Icons auf Discourse hochzuladen, bin mir aber noch nicht sicher.

https://www.flaticon.com/packs/search?word=flags&shape=lineal-color&order_by=4&type=icon

3 „Gefällt mir“

Funktioniert super! Hier sind ein paar Funktionswünsche:

  1. SVG-Icons automatisch durch die Tag-Icon-Listen-Eingaben vorschlagen lassen
  2. Die Tag-Icon-Liste in eine 3-Spalten-Tabelle umwandeln, in der Autovervollständigung für Tags und Font-Awesome-v5-Icons möglich ist
  3. Einen Link zu Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome hinzufügen, da ich versehentlich die neueste Font-Awesome-Version (aktuell v6) durchsucht habe und mich gefragt habe, warum meine Eingaben nicht funktionierten.
  4. Font-Awesome v6 übernehmen

Vielen Dank dafür.

1 „Gefällt mir“

Gibt es eine Idee, warum ich keinen Abstand zwischen den Tags habe? Passiert nur auf dem Handy

Screenshot

2 erstellte Tags funktionieren aus irgendeinem Grund nicht, könnte das ein Fehler sein? Ich habe den Tag interview mit dem SVG-Logo microphone-stand und den Tag lecture mit dem SVG-Logo camcorder erstellt. Beide bleiben leer.


Es funktioniert, wenn ich beide Tags so einstelle, dass sie das film-SVG-Logo verwenden, das ich bereits für einen anderen Tag verwendet habe. Aus irgendeinem Grund werden die 2 ursprünglichen Logos, die ich verwenden möchte, nicht akzeptiert.

Kann jemand dieses Problem reproduzieren? Ich konnte es in einer sauberen Entwicklungsumgebung reproduzieren, in der nur diese Theme-Komponente installiert ist. Wie kann ich sehen, welche Version von FontAwesome verwendet wird? Vielleicht wähle ich nur Symbole aus, die nicht in der Version auf Discourse enthalten sind. Ich schätze, es ist Version 5.15. Da diese Symbole in 5.11 oder 6.0 enthalten waren, sollten sie enthalten sein.

1 „Gefällt mir“

Ich bekomme sie auch nicht zum Laufen, es könnte also sein, dass sie nicht in der verfügbaren Auswahl enthalten sind.

1 „Gefällt mir“

Hallo! :waving_hand:t2:

Ich frage mich, ob ich einige Symbole mit Bildern wie Natur verwenden kann?

Funktioniert dies mit Tags in Tag-Gruppen?

Ich habe gerade einen Test in einer privaten Kategorie mit Ihrem Tag1 durchgeführt und es funktioniert. Tags in einer Tag-Gruppe scheinen jedoch nicht zu funktionieren?

1 „Gefällt mir“

Ich habe ein ähnliches Problem. Es scheint, dass die Symbole nicht angezeigt werden, wenn ein Tag länger als 10 Zeichen ist.

Problem mit der Tag-Gruppe gelöst. Es scheint, dass Tags aus Gruppen direkt zur Kategorie hinzugefügt werden müssen, anstatt die Tag-Gruppe hinzuzufügen?

Ich kann die Tag-Symbole nirgendwo außer in der Seitenleiste anzeigen lassen. Hat jemand eine Idee, warum das so ist? Habe versucht, die Komponente neu zu installieren, sie nur zusammen mit dem Standardthema zu verwenden, aber immer noch kein Erfolg.

Nur zur Überprüfung, haben Sie die Symbole zur Einstellung svg icons in der Theme-Komponente hinzugefügt?

2 „Gefällt mir“

Ja, das habe ich, man sieht, dass die Symbole selbst links in der Seitenleiste erscheinen, aber nirgendwo sonst:

Hallo Darojax, willkommen :wave:

Ich kann das auf meiner Seite nicht reproduzieren. :thinking:

Solange kein CSS beteiligt ist oder Vorlagen überschrieben werden, werden die Tags überall auf die gleiche Weise gerendert.

Wenn möglich, kannst du deine Forum-URL teilen?

1 „Gefällt mir“

Hallo, danke für Ihre Antwort. Leider befindet sich das Forum zu diesem Zeitpunkt noch in der Entwicklung und ist nicht im Internet geöffnet. Ich werde mich wieder bei Ihnen melden, sobald wir an die Öffentlichkeit gehen oder wenn das Problem behoben ist.

1 „Gefällt mir“

In Ordnung, das ist in Ordnung. Können Sie Ihre aktuelle Discourse-Version strikt angeben und die aktiven Plugins/Komponenten auflisten? Vielleicht gibt uns das einen Hinweis.

Ich würde versuchen, nur die Tag Icons-Komponente mit dem Standardthema ohne CSS-Änderungen zu aktivieren, um zu sehen, ob das Problem auftritt. Wenn nicht, können Sie daraus herausfinden, was der Schuldige ist.

1 „Gefällt mir“

Natürlich:

Installierte Discourse-Version
3.2.0.beta2
(be04154838)

Neueste
3.2.0.beta2

Ich habe ein frisches Standardthema erstellt und verwende nur die Komponente „Tag-Icons“, die direkt über GitHub installiert wurde:

zusammen mit zwei Plugins:

discourse-landing-pages

docker_manager

Es wurden keine weiteren CSS-, HTML- oder sonstigen Anpassungen vorgenommen.

3 „Gefällt mir“

OK, ich habe das Problem gefunden. Das Plugin scheint keine Tags verarbeiten zu können, die mit Großbuchstaben beginnen. Ich habe die Tag-Namen in Kleinbuchstaben geändert und jetzt funktioniert es wie vorgesehen. Tags, die mit Großbuchstaben beginnen, sehen meiner Meinung nach ordentlicher aus. Es wäre toll, wenn dieses Problem behoben werden könnte. : ) Aber trotzdem vielen Dank für eine tolle Komponente.

1 „Gefällt mir“

Ich bin froh, dass es jetzt funktioniert. Aber wie haben Sie diese Tags erstellt? Normalerweise werden sie gezwungenermaßen kleingeschrieben.:denkend:

In der Admin-Oberfläche gibt es eine Einstellung dafür:

1 „Gefällt mir“

Du hast recht, mein Fehler, ich habe diese Einstellung vergessen. :smile:

Ich weiß, wo das Problem liegt, ich werde später eine Lösung vorschlagen. :+1:

3 „Gefällt mir“