[3.3] Benachrichtigungen hervorheben

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
Antworten
Benutzeravatar
Imacfux
Mitglied
Beiträge: 410
Registriert: 02.04.2010 10:17

[3.3] Benachrichtigungen hervorheben

Beitrag von Imacfux »

Ich setze den Style "lucid-lime 1.2.2" ein und möchte bei den Benachrichtigungen die gelesenen von den ungelesenen optisch unterscheiden. Zur Zeit sehen sie alle gleich aus und man erkennt nicht, welche Benachrichtigungen man gelesen hat und welche nicht.

Hat jemand eine Lösung?

Danke

https://komootforum.de/index.php
Gruss Walter
---------------
Erst die Freizeit, dann das Vergnügen... http://www.komootforum.de
Verschoben von Support-Forum nach Styles, Templates und Grafiken am 19.08.2021 22:59 durch LukeWCS

hackepeter13
Valued Contributor
Beiträge: 3545
Registriert: 21.04.2004 12:22
Wohnort: Berlin
Kontaktdaten:

Re: [3.3] Benachrichtigungen hervorheben

Beitrag von hackepeter13 »

Also im normalen prosilver Style werden neue Benachrichtigung farblich unterlegt und wenn mit mit der Maus rübergeht erscheint ein Hacken, um diese als gelesen zu markieren.

Ungelesen Benachrichtigungen haben standardmäßig die css-Klasse bg2, damit könntest du in der css-Datei "colours.css" die Hintergrundfarbe anpassen für bg2 anpassen.

Bei deinem Style kannst du ja mal in der "notification_dropdown.html" nachschauen, ob dort
class="<!-- IF notifications.UNREAD --> bg2<!-- ENDIF --> vorhanden ist.
In der "colours.css" schaust du ebenfalls nach, ob dort

Code: Alles auswählen

.bg2 {
    background-color: #xxxxxx;
}
vorhanden ist.
Falls ja, passe den Farbwert (#xxxxxx) an.
Falls nicht fügst du es ein.

Achtung: bg2 kann auch an vielen anderen Stellen, wie bspw. in der Foren-/Themenübersicht. Wenn du dort nicht möchtest, das da die Farben geändert werden, erstelle in der "colours.css" eine neue Klasse die es noch nicht gibt (bspw. .bg-notification) und ändere in der "notification_dropdown.html" bg2 ebenfalls in bg-notification.
Benutzeravatar
Imacfux
Mitglied
Beiträge: 410
Registriert: 02.04.2010 10:17

Re: [3.3] Benachrichtigungen hervorheben

Beitrag von Imacfux »

Ganz herzlichen Dank für die ausführliche Antwort, die ich verstanden habe.

Am PC kann ich das nachvollziehen.

Aber wie sieht es am Smartphone aus? Da kann ich ja nicht mit der Maus drüber fahren?

Danke und schönen Abend
Gruss Walter
---------------
Erst die Freizeit, dann das Vergnügen... http://www.komootforum.de
hackepeter13
Valued Contributor
Beiträge: 3545
Registriert: 21.04.2004 12:22
Wohnort: Berlin
Kontaktdaten:

Re: [3.3] Benachrichtigungen hervorheben

Beitrag von hackepeter13 »

Imacfux hat geschrieben: 21.08.2021 18:20 Aber wie sieht es am Smartphone aus? Da kann ich ja nicht mit der Maus drüber fahren?
Die Hintergrundfarbe ist/sollte auch in der mobilen Ansicht vorhanden sein, die hat nichts mit dem dynamischen :hover/:focus-Effekt zu tun.

Das mit dem "Maus drüber fahren" bezog sich nur auf das Häkchen für "als gelesen markieren", aber auch der sollte in der mobilen Ansicht erscheinen, wenn du mit dem Finger länger auf das Feld drückst. :wink:
Benutzeravatar
Imacfux
Mitglied
Beiträge: 410
Registriert: 02.04.2010 10:17

Re: [3.3] Benachrichtigungen hervorheben

Beitrag von Imacfux »

danke, genauso ist es....
Gruss Walter
---------------
Erst die Freizeit, dann das Vergnügen... http://www.komootforum.de
Antworten

Zurück zu „Styles, Templates und Grafiken“