Beiträge von imebro

Hallo,

Grisu2099

ich hätte die Angabe oben im Posteingang oder oben im Kalender erwartet. Ich hatte hier im Thread auch einen Screenshot gesehen, durch den ich überhaupt erst auf diese Möglichkeit aufmerksam wurde.

Und hier das Script "VersionInMenüleiste.uc.js", welches ich hier runtergeladen und NICHT verändert habe:

// ==UserScript==
// @name           VersionInMenüleiste.uc.js
// @description    Versionsnummer in der Status- oder einer anderen Leiste anzeigen
// @include        main
// @charset        UTF-8
// @note           Basiert auf dem Script MemoryMonitorMod.uc.js und der Erweiterung "Version in Statusbar"
// @note           Bit-Version aus https://www.camp-firefox.de/forum/thema/135247-anwendungsname-und-version-in-der-men%C3%BCleiste/
// @note           In Zeilen 17 u. 18 die Toolbar und die Position (hinter welchem Element) auf der Toolbar anpassen.
// @note           Ein Klick auf den Button öffnet das Fenster "Über Thunderbird".
// ==/UserScript==

        setTimeout(function() {

const blanks = '\u00A0';
var personalText = ' > ' + blanks + blanks + blanks + blanks + blanks + ' Profil ' + blanks + ' RALF ' + blanks + blanks + blanks + blanks + blanks + blanks + ' < ' ; // your personal text here
var cssColor = 'yellow'; // Font Color
var css = 'padding-top: 5px !important; padding-right: 15px; padding-left: 40px; color: ' + cssColor + '; font-weight: bold; border-left: 1px ridge lightgrey; border-right: 1px ridge lightgrey;';
var ucjsVN = {

    init : function () {
        var Toolbar = 'mail-menubar'
        var Position = 'ffcssweb-menu'
        var info = Components.classes['@mozilla.org/xre/app-info;1'].getService(Components.interfaces.nsIXULAppInfo);
        var versionPanel = document.createXULElement('toolbaritem');
        versionPanel.id = 'VersionDisplay';
        versionPanel.setAttribute('tooltiptext', 'Versions-Nummer. Klick öffnet "Über ' + info.vendor + ' ' + info.name + '"');
        versionPanel.setAttribute('onclick', "openAboutDialog();");
		versionPanel.setAttribute('style', css);
//        versionPanel.style.paddingTop = '4px';
        var label = document.createXULElement('label');
        label.setAttribute('value', "Thunderbird " + blanks + blanks + blanks + blanks + info.version + blanks + blanks + blanks + blanks + blanks + blanks + blanks + blanks + blanks + personalText);
        versionPanel.appendChild(label);
        document.getElementById(Toolbar).insertBefore(versionPanel, document.getElementById(Position).nextSibling);
    },
}
ucjsVN.init();
                     }, 3000);

Ich habe schon nach Code gesucht, den ich ggf. anpassen muss. Aber habe keinen solchen Code gefunden. Offenbar ist dieser Code nicht für eine individuelle Anwendung gedacht... Aber vielleicht bin ich ja auch blind

@Bastler

Hmmm... jetzt bin ich doch etwas verwirrt.

Ich habe den Ordner selbst angelegt:

Grüße,
imebro

@Bastler

Ich habe jetzt auch den Unterordner \defaults\pref im Thunderbird-Programmordner selbst erstellt (den gab es vorher nicht) und dort rein die Datei "config-prefs.js" gelegt.

Im Grunde ist jetzt alles so, wie Du es beschrieben hast. Dennoch sehe ich noch immer keine Versions-Angabe im Kalender oder Posteingang.

Grisu2099

Ich starte mittlerweile den TB immer über den Fehlerbehebungsmodus, da mir das schon vorher mal so empfohlen wurde, wenn ich solche Änderungen vornehme.

Wie gesagt... keine Änderung, obwohl alle Dateien dort liegen, wo sie liegen sollen.

Grüße,
imebro

dharkness21

Ich habe die "userChrome.js" jetzt auch in das Verzeichnis "chrome" gelegt, aber bezüglich Anzeige der Version von TB tut sich leider nichts.

Woran könnte es sonst noch liegen?

Hier mal die Screenshots:

Ich habe den Ordner "userChromeJS" und die Datei "config.js" jedoch auch ZUSÄTZLICH direkt im Verzeichnis "Thunderbird" untergebracht.

Aber auch das brachte keine Veränderung. Es sei denn, ich darf sie nicht in 2 unterschiedliche Verzeicnisse einkopieren. Hier mal der Screenshot dazu:

Grüße,
imebro

Ich habe es jetzt wie folgt umgesetzt:

• Die Datei config.js muss in den Thunderbird-Installationsordner (statt Firefox-Installationsordner)
• Der Ordner userChromeJS muss auch in den Thunderbird-Installationsordner (statt Firefox-Installationsordner)

Und die Datei "VersionMenüleiste.uc.js" habe ich auch in den Ordner "chrome" reinkopiert.

Hoffe es ist so richtig.

Grüße,
imebro

dharkness21

Danke Dir für den Code... Allerdings ändert dieser die Tabs im Menü (z.B. Posteingang, Kalender, Adressbuch...).

Ich meinte die "Lightning Calendar Tabs", deren Hintergrund farblich angepaßt werden soll. Hier mal ein Screenshot:

Die Schriftfarbe kann ich ja direkt über die Verwaltung der entspr. Erweiterung ändern. Aber dort kann man leider nicht den Hintergrund der Tabs ändern. Auf dem Screenshot zeigen die roten Pfeile die Tabs, deren Hintergrund ich farblich ändern möchte.

Danke und schöne Grüße,

imebro

Hallo nochmal...

Ich sehe soeben, dass sich mein Thread verselbständigt hat

Aber sehr interessante Entwicklung und ich habe jetzt auch schon 2 Dinge nochmal bei mir angepaßt:

1) Lightning Calendar Tabs

2) Die Zebrastreifen im Posteingang bei den Nachrichten

3) und ich möchte noch "VersioninMenüseiste.uc.js" bei mir installieren, um den Profilnamen auch anzeigen zu können

Das gefällt mir sehr gut. Dennoch habe ich ein paar Fragen dazu:

Zu 1: Wie färbe ich den Hintergrund der Tabs ein? Die Schriftfarbe geht ja über die Einstellungen direkt in der Add-On-Verwaltung.

Zu 3: Wo muss ich den .js-Code einsetzen? Kommt der auch in den "Chrome"-Ordner, wo auch die "userChrome.css" schon drin liegt?

Danke und Grüße,
imebro

...ok und danke Dir für den Link ggbsde

Grüße,
imebro

hahaha, gut geschrieben mit der Spülmaschine

OK, dann lassen wir das. War eigentlich auch nur eine recht spontane Idee, die mir heute Morgen in den Kopf schoss.

Danke für die Antworten und schöne Grüße,

imebro

Danke graba
Ich habe HIER jetzt einen neuen Therad dazu erstellt.

Falls jemand von hier dort auch nochmal helfen mag... sehr gerne

Grüße,
imebro

Hallo,

ich habe HIER einen Thread erstellt für die manuelle Anpassung des TB-Menüs über Änderungen mit CSS.

Das hat wunderbar funktioniert mit viel Hilfe hier aus dem Forum!!

Nun wäre meine Frage, ob ich aus dieser Anpassung (derzeit lediglich "userChrome.css") ein neues Theme erstellen kann?
Und wenn ja, wie mache ich das?

Danke und schöne Grüße,
imebro

Hallo nochmal,

hmmm... ich habe den Betrag von Dir Sehvornix nicht so wirklich verstanden. Was genau möchtest Du damit sagen?
Und... die Frage von dharkness21 würde mich auch interessieren.

Ich jedenfalls bin sehr froh mit meinem Design, welches ich nun im TB habe.
Wahrscheinlich ist diese Frage auch einen neuen Thread wert (oder eben nicht).

Und zwar fiel mir heute Morgen die Frage ein "könnte ich jetzt aus meinem neuen Design auch ein Theme erstellen?".
Das würde mich interessieren und wenn ja, wie man das macht. Aber ich kann gerne auch einen neuen Thread dazu erstellen.

Grüße,
imebro

Also diese Seiten sehen bei mir... sagen wir... klassisch aus.

Und so ist es für mich auch OK. Mir ging es eher um den oberen Teil... also die Menüs. Aber da ich die Farben an die Systemfarben angepaßt hatte, wiederholen sich die Farben in den internen Seiten auch an ein paar Stellen, wie Ihr seht.

Grüße,
imebro

Ja stimmt... manchmal dauert es etwas länger. Aber ich habe dabei auch ne Menge über CSS gelernt, wobei ich da vorher völliger Laie war

Was meinst Du dharkness21 mit dem Verfassenfenster?
Das sieht bei mir sehr gut aus. Oben das kleine Menü funktioniert ebenfalls gut und hovert auch korrekt. Und da springt nix etc.

Grüße,
imebro

so, jetzt hab ich´s

/* Kreuz-Icon (aktiv) bei selektiertem Tab */
.tabmail-tab[selected] .tab-close-button {
	margin: 1px -1px 0px 0px !important;  /* oben, rechts, unten links */
}

bei rechts musste ich einfach -1px eingeben... das war´s dann.

Danke auf jedenfall an:

@Bastler

dharkness21

Grisu2099

...für Eure super Unterstützung

Grüße,
imebro

OK, werde ich berücksichtigen. Danke auch...

Wo kann ich denn nun dieses eine od. 2 Pixcel eintragen, welches das Kreuz beim Aktivieren des Tabs nicht nach links springen läßt?
Habe bisher noch nicht gefunden, wo das funktioniert...

Grüße,
imebro

Hallo und danke für die Erläuterungen.

@Bastler Aber ich hatte es vorher so verstanden, dass ich ja die beiden margin-Werte auskommentieren sollte. Das hatte ich getan, aber damit ging es nicht. Dann erst habe ich mit dem margin (siehe Zeile 11 im obigen Code) herumprobiert. Aber damit bekomme ich es nicht hin. Vielleicht hatte ich Dich aber auch falsch verstanden.

dharkness21 Ja, ich kenne die Reihenfolge und deshalb habe ich ja auch mit der Zeile 11 getestet mit vielen unterschiedlichen Einstellungen. Aber bisher hat nichts davon so gewirkt, dass das Kreuz nicht mehr nach links springt. Es ist vielleicht 1 od. 2 Pixcel.

Grüße,
imebro

Danke Dir @Bastler für Deine Hilfe.

Ich habe jetzt die o.g. Zeilen auskommentiert und zunächst beide margin-Angaben ebenfalls.
Das passte jedoch nicht. Dann habe ich lange hin- und her probiert und jetzt bleibt die Schrift schon mal an gleicher Stelle.

Allerdings springt nun das [x] einen Tick nach links. Hier nochmal der aktuelle Code:

/* Kreuz-Icon (nicht aktiv) - mit hellrotem Hintergrund */
.tab-close-button {
	border-radius: 4px !important;
	background-color: #ecd0de !important;
	width: 20px !important;
	height: 20px !important;
	/* margin: 0 3px 0 -3px !important; */
}
/* Kreuz-Icon (aktiv) bei selektiertem Tab */
.tabmail-tab[selected] .tab-close-button {
	margin: 1px 0px 0px 0px !important; 
}
/* Kreuz-Icon Hintergrund (aktiv) ist hellrot */
.tabmail-tab[selected] .tab-close-button {
	border-radius: 4px !important;
	background-color: #ecd0de !important;
	width: 20px !important;
	height: 20px !important;
	/* margin: 0 4px 0 -3px !important; */
}

Vor allem habe ich mit der Code-Zeile 11 aus dem obigen Block lange herum experimentiert. Aber das Kreuz springt noch immer ca. 1 - 2 px nach links. Das bekomme ich nicht weg.

Schöne Grüße,
imebro

Hallo,

ja, ich habe Deinen Grisu2099 Code auch ausprobiert und auch den Tipp von dharkness21 berücksichtigt.

Nun sieht mein Code so aus und hier springt das Kreuz nicht mehr:

/* Kreuz-Icon (nicht aktiv) - mit hellrotem Hintergrund */
.tab-close-button {
	border-radius: 4px !important;
	background-color: #ecd0de !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 3px 0 -3px !important;
}
/* Kreuz-Icon (aktiv) bei selektiertem Tab */
.tabmail-tab[selected] .tab-close-button {
	/* margin: 0px 4px 0 -3px !important; */
}
/* Kreuz-Icon Hintergrund (aktiv) ist hellrot */
.tabmail-tab[selected] .tab-close-button {
	border-radius: 4px !important;
	background-color: #ecd0de !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 4px 0 -3px !important;
}

Das erste margin von 4 auf 3px verringert und das zweite margin auskommentiert. Und natürlich "icon" durch "button" ersetzt. So gehts.

Jetzt muss ich nur noch schauen, wieso die Schrift innerhalb der Tabs noch springt, wenn man einen Tab wechselt.
Sobald man auf einen Tab geklickt hat, springt die Schrift etwas nach unten.
Werde morgen mal versuchen, in dem entspr. Code-Bereich ein margin bei der dritten Zahl auch um 1 px zu verringern... muss dann nur noch schauen, wo ich das mache. Aber erst mal schlafen

Danke Euch und schöne Grüße,
imebro

Hmmm... jetzt bin ich doch etwas sehr verwirrt...

Bie dharkness21 steht immer .tab-close-button. Bei mir steht da .tab-close-icon.

Und das .tab-close-button:hover habe ich überhaupt nicht in meinem CSS.

Ich stelle hier nochmal meinen kompletten Code für das Kreuz-Icon ein. Vielleicht klärt es sich dann, denn ich weiß gerade nicht, was ich nun ändern soll, da die Code-Bezeichnungen ja bei mir anders sind. Aber vielleicht kapiere ich ja auch was nicht

/* Kreuz-Icon (nicht aktiv) - mit hellrotem Hintergrund */
.tab-close-icon {
	border-radius: 4px !important;
	background-color: #ecd0de !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0px 4px 0 -3px !important;
}
/* Kreuz-Icon (aktiv) bei selektiertem Tab */
.tabmail-tab[selected] .tab-icon-image {
	margin: 0px 4px 0 -3px !important;
}
/* Kreuz-Icon Hintergrund (aktiv) ist hellrot */
.tabmail-tab[selected] .tab-close-icon {
	border-radius: 4px !important;
	background-color: #ecd0de !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0px 4px 0 -3px !important;
}

Wie gesagt, ist das kleine Springen des Kreuzes um vielleicht 1/2 mm nicht wirklich schlimm und das mit diesem "Schatten" ja auch nicht.
Aber dennoch würde ich nun gerne wissen, woran das Problem noch liegt - einfach auch, um was dazu zu lernen

Grüße und vielen Dank an Euch 3 again...
imebro

Danke Euch Grisu2099 & @Bastler - ist ja wirklich super interessant, was bei CSS so alles passieren kann

Ich habe jetzt mal bei .tabmailtab das min- u. max-heigt von 26px auf 36 gestellt und so passt es genau. Jetzt sieht es so aus wie vorher... nur ohne das zusätzliche }-Zeichen.

Die Dichte steht bei mir ja auf "Entspannt". Hoffe das ist dann auch OK so.

Beim Kreuz-Icon habe ich auch einen Erfolg erzielt, indem ich jetzt überall die margin-Werte "0px 4px 0 -3px eingesetzt habe. Vorher waren die ja alle unterschiedlich. So passt es zu 98% Wenn ich auf einen der Tabs klicke, springt das Kreuz noch einen halben mm nach rechts. Aber das sieht man wirklich nur, wenn man drauf schaut. Wieso das so ist, verstehe ich nicht, denn alle margin-Werte sind ja jetzt gleich.

Und einen border-Wert habe ich noch entfernt, was auch noch etwas gebracht hat.

Hier mal der jetzige Code dazu:

/* Kreuz-Icon (nicht aktiv) - mit hellrotem Hintergrund */
.tab-close-icon {
	border-radius: 4px !important;
	background-color: #ecd0de !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0px 4px 0 -3px !important;
}
/* Kreuz-Icon (aktiv) bei selektiertem Tab */
.tabmail-tab[selected] .tab-icon-image {
	margin: 0px 4px 0 -3px !important;
}
/* Kreuz-Icon Hintergrund (aktiv) ist hellrot */
.tabmail-tab[selected] .tab-close-icon {
	border-radius: 4px !important;
	background-color: #ecd0de !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0px 4px 0 -3px !important;
}

Und... wenn ich jetzt mit der Maus direkt auf eines der Tab-Kreuze gehe (ohne zu klicken), dann erscheint hinter dem Kreuz irgendwie eine Art Schatten. Es ist ein etwas dunkleres Rechteck, welches rechts neben dem Kreuz rausschaut und ein ganz kleines bisschen versetzt ist nach oben. Ich habe mal einen Screenshot davon gemacht, damit man besser versteht, was ich hier labere

...man muss schon genau hinschauen, um das zu sehen. Es ist dieser dunkle Schatten re. neben dem Kreuz.

Ist auch überhaupt nicht schlimm und kann man ruhig so lassen. Ich wollte es nur geschrieben haben.

Schöne Grüße,
imebro