Seite 1 von 2

[3.2] Symbole in der gleichen Farbe wie der Style

Verfasst: 10.04.2019 13:09
von stefan-franz
Hallo allerseits,

ich habe den Pro Silver etwas farblich verändert. Wenn ich nun mit der Extension "Pages"
https://www.phpbb.com/customise/db/extension/pages/
im Schnellzugriff Menü 2 Einträge (von 2 Seiten) einbaue, kann ich zwar die Gifs zu den Seiten hochladen, aber die haben natürlich ihre ursprünglichen Farben. Wie kann ich es machen, dass die Farbe so ist wie im Theme?

Eingebaut habe ich die Gifs wie in der Anleitung der Extension beschrieben:

"The custom icons should be kept in phpBB's style/*/theme/images directories, for example: phpBB/styles/prosilver/theme/images/pages_foobar.gif. You should add your custom icon to every style installed on your board (you can design different icons for each style if necessary). If Pages can't find an icon it will fallback to its default icon."

Re: [3.2] Symbole in der gleichen Farbe wie der Style

Verfasst: 10.04.2019 16:00
von Mahony
Hallo
Hast du den cache geleert?
You may need to purge the icon cache to see any changes take effect. This can be done from the Manage Pages ACP page.
Grüße: Mahony

Re: [3.2] Symbole in der gleichen Farbe wie der Style

Verfasst: 10.04.2019 16:07
von stefan-franz
Du Symbole werden ja angezeigt. Aber z. B ist eines meiner Symbol orange, während der Style alle System eigenen Symbole z. B. In Dunkelblau einfärbt.

Wie bringe ich das Board dazu, meine Symbole auch ein zu färben?

Re: [3.2] Symbole in der gleichen Farbe wie der Style

Verfasst: 10.04.2019 17:27
von canonknipser
Ist das orange ggf. eine Hervorhebungsfarbe, wie z.B. bei "Ungelesene Beiträge im Thema vorhanden"? SO was haben wir hier ja auch, grundsätzlich sind die Icons blau, nur in Soinderfällen zur Hervorhebung rot.
Oder ist es ein Icon, das einen Link zu einer anderen Webseite bereitstellt? Die sind ja oft im Corporate Design des Ziel gehalten, z.B. Pinterest rot, Twitter blau, Whatsapp grün usw.

Re: [3.2] Symbole in der gleichen Farbe wie der Style

Verfasst: 10.04.2019 17:51
von stefan-franz
Es ist ein Icon, welches ich selbst erstellt und hochgeladen habe. Es wird so angezeigt wie erstellt.

Aber prosilver färbt ja die restlichen Symbole auch aufgrund der Farbe des Styles ein - das meinte ich. Wie geht das? Wie muss ein Icon da beschaffen sein, dass es geht?

Re: [3.2] Symbole in der gleichen Farbe wie der Style

Verfasst: 10.04.2019 18:43
von Crizzo
stefan-franz hat geschrieben:Aber prosilver färbt ja die restlichen Symbole auch aufgrund der Farbe des Styles ein - das meinte ich. Wie geht das? Wie muss ein Icon da beschaffen sein, dass es geht?
Ich glaube du verwechelst da was.

Die Icons in prosilver, die für z.B. die FAQ, Admin-Bereich oder Benachrichtigungen verwendet werden, sind FontAweSome-Icons und die werden so eingebunden: https://fontawesome.com/icons/balance-scale?style=solid

Demnach im Template:

Code: Alles auswählen

<i class="icon fa-balance-scale fa-fw" aria-hidden="true"></i><span>LINK TEXT</span>
Das ist im Prinzip einfach Schrift, nur statt Buchstaben werden Icons dargestellt und damit können sie wie Text oder Links per CSS einfach verfärbt werden.

Re: [3.2] Symbole in der gleichen Farbe wie der Style

Verfasst: 10.04.2019 19:07
von Lehrling
Kannst du mal dein Board verlinken oder einen Screenshot machen? Bei mir gibt es nur ein einziges Icon, nämlich ein kleines, das zwei weiße Seiten darstellen soll.

Re: [3.2] Symbole in der gleichen Farbe wie der Style

Verfasst: 10.04.2019 19:10
von canonknipser
stefan-franz hat geschrieben:s ist ein Icon, welches ich selbst erstellt und hochgeladen habe.
Wenn das wirklich ein Icon, also ein Grafik (png, gif oder jpg), ist und kein fontawesome-Zeichen wie von Kirk erwähnt, musst du das für jeden Style separat färben.

Re: [3.2] Symbole in der gleichen Farbe wie der Style

Verfasst: 10.04.2019 19:11
von stefan-franz
Lehrling hat geschrieben:Kannst du mal dein Board verlinken oder einen Screenshot machen? Bei mir gibt es nur ein einziges Icon, nämlich ein kleines, das zwei weiße Seiten darstellen soll.
Du meinst auf der neu erstellten Seite - mit der Page Exension? Wenn Du da aus Font Awesome den Namen des gewünschten Zeichens eingibst, dann funktioniert es.

Re: [3.2] Symbole in der gleichen Farbe wie der Style

Verfasst: 10.04.2019 19:14
von Lehrling
Ich meinte einen Screenshot von deinem Board.