Menübereich farblich anpassen

    Hallo nochmal...

    Ich habe jetzt eine etwas merkwürdige Sache, wenn ich eine neu eingegangene Email anklicke.

    Es passiert Folgendes:

    1) Die neue, ungelesene Email erscheint zunächst mit fetter schwarzer Schrift und hellrotem Hintergrund.
    Das orange Sternchen steht vor dem Betreff. So soll es in diesem Zustand auch sein.

    2) Beim Klick auf diese Email erscheint die Schrift für ca. 3 - 4 Sekunden in fetter, weißer Schrift und der Hintergrund bleibt.

    3) Nach diesen 3 - 4 Sekunden wechselt die Schrift automatisch zu nicht fett, weiß mit dunkelrotem Hintergrund - also so wie ich es in der CSS-Datei eingetragen habe und wie es eigentlich sein soll, wenn ich eine neue Email editiere.

    Um es besser darzustellen, hier mal ein Screenshot, in den ich alle 3 Zustände einkopiert habe:

    Habt Ihr eine Idee, was ich ändern muss, damit der Zustand Nr. 2 übersprungen wird?

    Danke und Grüße,

    imebro

    OK und danke für den Hinweis.

    Ich hoffe nur, dass da noch Jemand durchblickt, da ich ne Menge darin herum gespielt habe =O
    Aber auf jeden Fall habe ich alles Mögliche (und Unmögliche...) auskommentiert, damit ich überhaupt selbst noch durchblicke...

    Hier der Code meiner "userChrome.css":

    ...aber vielleicht seht Ihr ja auch Fehler im Script, die sich noch nicht ausgewirkt haben oder Dinge, die man besser machen könnte.

    Oder vielleicht Blöcke, die anders angeordnet werden könnten, damit alles besser läuft etc.

    Freue mich auf Eure Antwort.

    Grüße,
    imebro

    Vielen Dank Euch Beiden... wieder mal :-)

    dharkness21

    Ich hatte diese Einstellung vor einiger Zeit absichtlich so gemacht, da ich manchmal kurz eine Mail anschaue, die aber als ungelesen markiert bleiben soll, da ich sie mir später in Ruhe anschauen will. Daher wollte ich das nicht ändern.

    Grisu2099

    Yes... das hat genau dieses Problem verändert, nachdem ich die Codezeilen 19 - 21 auskommentiert habe. Nun wird die Nachricht nicht mehr mit weißer Schrift dargestellt, sondern bleibt 4 Sekunden lang fett mit dunkelrotem Hintergrund und wird dann zu nicht fett mit dem gleichen Hintergrund. Genau so soll es sein.

    Danke auf jeden Fall für Eure Mühe und die super schnelle Hilfe, die Ihr hier immer wieder für uns User erbringt :thumbsup:
    Falls zufällig jemand von Euch in der Nähe von Bonn lebt, lade ich ihn gerne mal zu nem Kaffee ein :thumbup:

    Grüße,
    imebro

    Hallo wieder mal...

    Ich habe jetzt mal versucht, die nicht aktiven Tabs (Posteingang, Kalender, Adressbuch...) auch zu hovern.
    Bei der Schrift hat das funktioniert. Leider jedoch nicht beim Hintergrund.

    Hier mein Code, den ich eben ausprobiert habe:

    CSS
    	/***** nicht aktive Reiter (Tabs) bei HOVER *****/
	.tab-background:not([selected]):hover { 
		background-color: #c30052 !important; 
	}
	/* Schriftfarbe */
	.tab-text.tab-label:not([selected]):hover {
		color: #ecd0de !important;
	}

    Könnt Ihr mir sagen, wo mein Fehler ist?

    Danke und Grüße,
    imebro

    <leicht OT>

    Vielleicht bin ich nicht der Einzige, aber am Ende würde mich schon interessieren, wie die GUI bei Dir aussieht. Mancher hier hat mit dem einen oder anderen Screenshot auch schon mal einen kleinen Blick auf sein jeweiliges Design gewährt. Das sind durch die Bank ziemlich individuelle Vorlieben. Insofern, nicht für einen Schönheitspreis, aber mal herzeigen, was möglich ist.

    </OT>

    Keyboard not found. Press any key to continue.

    "Woher soll ich wissen, was ich denke, bevor ich lese, was ich schreibe?"

    (Frei nach Edward Forster)

    Danke für die Nachricht Sehvornix

    Hier mal ein Screenshot meines GUI des Thunderbird 128.x

    Ich bin sehr sicher, dass diese Farbgebung, Aufteilung etc. nicht jedem Menschen gefällt...
    Aber solche GUIs sind halt individuell und jeder erstellt es halt so, wie es ihm selbst gefällt ;)

    Die auswählbaren Menüpunkte, Reiter und Tabs kann man alle hovern (naja... bei den Tabs suche ich ja noch nach einer Lösung :rolleyes: ). Und dabei kehren sich dann einfach jeweils die Farben um. Hellroter Hintergrund mit dunkelroter Schrift, wird dann eben zu dunkelrotem Hintergrund mit hellroter (manchmal auch weißer) Schrift. Siehe z.B. bei den Tabs "Posteingang, Kalender... etc.).

    Freue mich aber auch noch über Infos zu meinem Problem mit dem Hovern des Hintergrundes der Tabs.

    Danke und schöne Grüße,
    imebro

    Hallo und vielen Dank für die weitere Hilfe.

    Ich habe den Code soeben getestet. Allerdings wird der hellrote Hintergrund nicht gehovert, sondern es erscheint unten ein Streifen in dunkelroter Farbe (ich hatte die Farbe schon an mein Dunkelrot angepaßt), wenn ich mit der Maus über den Tab gehe.

    Zum besseren Verständnis hier mal ein Screenshot von einem der Tabs:

    Falls es nicht möglich ist, den kompletten Tab zu hovern, dann geht es auch so mit diesem Strich... wäre mal was Neues :)
    Dann würde ich die Schrift wieder enthovern... ginge also auch.

    Aber mir fiel heute Morgen noch was auf:

    Gestern hatte ich ja das Problem mit neuen Emails, die beim Editieren in weißer, fetter Schrift angezeigt und erst nach etwa 4 Sekunden korrekt angezeigt werden. >> Siehe Post #22

    Dazu hattest Du ( Grisu2099) mir ja geschrieben, ich solle die Codezeilen 19 - 21 auskommentieren. Also diese hier:

    CSS
    ul > li.new-messages > .container {
    background-color: #ecd0de !important; 
}

    Das hatte ich auch gemacht und danach funktionierte alles.
    Heute Morgen war es jedoch wieder wie vorher.

    Ich könnte natürlich den Tipp von dharkness21 umsetzen... aber ich möchte ja, dass neue Mails erst nach 4 Sekunden als gelesen markiert werden. Was kann ich ansonsten noch versuchen, um das Problem zu lösen? Und... soll ich den Code (Zeilen 19 - 21) auskommentiert lassen?

    Danke und Grüße,
    imebro

    Zitat von imebro

    Hier mein Code, den ich eben ausprobiert habe:

    So passt es leider nicht, teste bitte das Schnipsel.

    CSS
    /* Nicht aktive Tabs bei HOVER */
.tabmail-tab:not([selected]):hover .tab-background {
	background-color: #c30052 !important; 
}
/* Schriftfarbe */
.tabmail-tab:not([selected]):hover .tab-text {
	color: #ecd0de !important;
}

    und wech

    Dharkness

    Danke Dir dharkness21

    Ich habe den Code nun in meine CSS-Datei eingefügt und er funktioniert grds. auch...
    Allerdings sind die gehoverten Tabs nun etwas flacher - es fehlt unten ein Stück.

    Hier mal ein Screenshot dazu:

    Bild entnommen...

    Den Kalender-Tab habe ich nur gehovert. Der Posteingang-Tab ist aktiv.

    Ich habe im CSS-Code schon geschaut, ob ich vielleicht unter den Tabs noch hellrote Border habe, die dann vielleicht beim hovern nicht umgefärbt werden. Aber dem ist nicht so...

    Wäre jetzt auch nicht wirklich schlimm, wenn es so bleiben würde - ist ja nur während des Hover-Vorganges ;)

    Grüße,
    imebro

    2 Mal editiert, zuletzt von imebro (5. November 2024 um 19:54)

    Ich hatte den ursprünglichen Code ja etwas verändert.
    Vor allem hatte ich die Radien "entschärft", wie man auf dem Foto sieht.

    Hier nochmal mein jetziger Code zu den aktiven und inaktiven Tabs:

    Ich kann jetzt so eigentlich keinen Fehler finden oder einen Auslöser für dieses Problem, dass der gehoverte Tab unten kürzer ist :/

    Grüße,
    imebro

    Zitat von imebro

    Hier nochmal mein jetziger Code zu den aktiven und inaktiven Tabs:

    Teste bitte diesen ↓ überarbeiteten CSS-Code.

    und wech

    Dharkness

    Danke Dir nochmal dharkness21

    Ich habe den Code jetzt ausgetauscht.
    Allerdings ist es noch nicht ganz perfekt, wie Du am folgenden Screenshot sehen kannst:

    Oben fehlt jetzt etwas bei den Tabs. Unten passt es dafür jetzt...

    Ich habe jetzt mal die min- u. max-height bei "tabs-toolbar" von 29 px auf 38 px verändert. Damit wird es schon besser. Siehe hier:

    Aber eigentlich müssten die Tabs noch etwas weiter runter. Aber wenn ich z.B. 40 px bei Beiden Werten eingebe oder gar 43 px, verändert sich nichts mehr. Habe auch mal nur bei max-height 45 px eingegeben, aber auch hier bleibt es so, wie auf Foto 2.

    Grüße,
    imebro