Beiträge von milupo

  • userChrome.js Scripte für den Fuchs (Diskussion)

    Also mit dem Nightly habe ich ebenfalls eine leeren neuen Tab erhalten. Eine Notlösung wäre es, auf das Startseiten-Symbol (das "Häuschen") zu klicken, dann füllt sich der leere Tab. Aber ich habe jetzt hier drei Skripte:

    - obere Leiste (Beitrag #2107)
    - untere Leiste (Beitrag #2110)
    - senkrechte Leiste (Skript addonbar_vertical.uc.js)

    Ich habe den aborix-Code in allen drei Skripten, allerdings in unterschiedlichen Varianten. Den vollständigen aus Beitrag #2104 nur für die untere Leiste. Im Skript für die obere Leiste habe ich den Code ohne die tabbar-Zeilen. Im Skript addonbar_vertical.uc.js war der Code bereits enthalten, nur sind da die Zeilen der setTimeout-Funktion getrennt von den Tab-Zeilen.

    Bei den ersten beiden habe ich 1500 festgelegt, beim dritten Skript 100 - Alle Leisten werden sofort geladen, die Neue-Tab-Seite ebenfalls und Clippings funktioniert auch.

    1. obere Leiste:

    Code
    setTimeout(function() {
   let tab = gBrowser.selectedTab;
    let tab2 = gBrowser.duplicateTab(tab);
    gBrowser.moveTabTo(tab2, tab._tPos + 1);
    gBrowser.removeTab(tab);
    }, 1500);

    2. untere Leiste:

    Code
    setTimeout(function() {
   	let tabbar = document.getElementById('TabsToolbar');     
 	let tab = gBrowser.selectedTab;
		tabbar.style.display = '-moz-box';
	let tab2 = gBrowser.duplicateTab(tab);
		gBrowser.moveTabTo(tab2, tab._tPos + 1);
		gBrowser.removeTab(tab);
		tabbar.style.display = '';
    }, 1500);

    3. addonbar_vertical.uc.js

    Zeilen 125 - 131:

    Code
    let tabbar = document.getElementById('TabsToolbar');     
 	    let tab = gBrowser.selectedTab;
		tabbar.style.display = '-moz-box';
	    let tab2 = gBrowser.duplicateTab(tab);
		gBrowser.moveTabTo(tab2, tab._tPos + 1);
		gBrowser.removeTab(tab);
		tabbar.style.display = '';

    Zeilen 209 - 211:

    Code
    setTimeout(function(){
  AddonbarVertical.init();  
  }, 100);

  • userChrome.js Scripte für den Fuchs (Diskussion)

    Zitat aborix, Beitrag #2104:

    Zitat

    Der Timeout-Wert muss ausreichend hoch sein, damit es funktioniert. Er soll zugleich nicht höher als notwendig sein, denn der Inhalt erscheint im Fenster erst nach der angegebenen Zeit.
    Man kann den Code in ein eigenes Skript geben oder in ein anderes einfügen. Er soll nur einmal ausgeführt werden und daher wenn, dann in nur einem Skript, hinzugefügt werden.

  • An die Forumshelfer: Referenzbeitrag zu userChrome.css

    Hallo liebe Mithelfer,

    ich habe mal einen - zugegeben etwas langen - Referenzbeitrag zur Arbeit mit userChrome.css und userContent.css geschrieben. Viele Benutzer wissen nicht, wie sie gewünschte bzw angebotene CSS-Codes nutzen können, weil sie schon nicht wissen, was userChrome.css und userContent.css sind. Erklärungen helfen da oft auch nicht, zumal in langen Threads, wo sie dann noch durch die Anzahl der Beiträge erschlagen werden.

    Daher habe ich den Beitrag Anpassungen von Firefox-Oberfläche mittels userChrome.css und Webseiten mittels userContent.css geschrieben, damit Benutzer sich sachkundig machen können. Wenn sie den Text auch nicht sofort verstehen, so können sie doch immer mal nachschlagen und irgendwann kommt dann vielleicht der Zeitpunkt, wo sie verstanden haben, was man tun muss. 2002Andreas hat den Beitrag im Unterforum Anpassungen angepinnt.

    Diesen Beitrag richte ich an alle Helfer, damit sie in Zukunft bei ihren Beiträgen auf diesen Referenzbeitrag verweisen. Der Beitrag ist in Abschnitte gegliedert und man kann dann auch auf einen speziellen Abschnitt verweisen.

    Ich hoffe, dass es zukünftig dank euch Helfern mehr hilfesuchende Benutzer gibt, die mit userChrome.css und userContent.css etwas anfangen können.

    Danke.

  • Anpassungen von Firefox-Oberfläche mittels userChrome.css und Webseiten mittels userContent.css

    Neben den eingebauten Browser-Entwicklerwerkzeugen gibt es für Firefox eine weitere Möglichkeit, die Firefox-Oberfläche und die Gestaltung von Webseiten zu verändern. Dies geschieht mit Hilfe der Formatierungssprache CSS (Abkürzung für englisch Cascading Stylesheets) und den beiden Dateien userChrome.css für die Gestaltung der Firefox-Oberfläche und userContent.css für die Gestaltung von Webseiten nach den Wünschen der Firefox-Benutzer.

    Bis zur Einführung der Webextensions durch Mozilla war es auch für Erweiterungen im großen Maße möglich, Firefox-Oberfläche und Webseiten den Wünschen der Benutzer anzupassen, aber für Webextensions hat Mozilla diese Möglichkeiten eingeschränkt. Webextensions können nicht die Firefox-Oberfläche verändern, sondern nur noch Webseiten. Wenn du nur die Gestaltung von Webseiten ändern möchtest, kannst du neben den Entwicklerwerkzeugen und der userContent.css also auch Webextensions wie das zur Webextension umgebaute Stylish oder die neue Webextension Stylus verwenden. Dies gilt jedoch nicht für die about:-Seiten von Firefox, siehe unten.

    Für die Veränderung der Firefox-Obefläche führt kein Weg an der Datei userChrome.css vorbei. Um die Arbeit mit den Dateien userChrome.css und userContent.css soll es jetzt hier gehen.

    Achtung! Dieser Beitrag soll und kann keine Einführung in benutzerdefinierte CSS-Codes sein, das würde den Rahmen sprengen und wäre auch sehr zeitaufwändig. Hier geht es nur darum, wie man bereits vordefinierte CSS-Codes für die Arbeit mit userChrome.css und userContent.css verwenden kann.


    1. Vorbereitung

    Die Dateien userChrome.css und userContent.css müssen im Profilverzeichnis (nicht im Installationsverzeichnis von Firefox) und dort wiederum im Unterordner chrome liegen. Bei Erstinstallation von Firefox gibt es den Unterordner chrome in der Regel schon, wenn es ihn nicht gibt, lege ihn im Profilverzeichnis an. Die Dateien userChrome.css und userContent.css gibt es jedoch auf jeden Fall nicht. Lediglich eine Datei userChrome.js gibt es, die aber für die Arbeit mit CSS nicht benötigt wird.

    Unter Umständen musst du vorher noch zwei andere Dinge tun:

    a) Wenn du nicht weißt, welches Profilverzeichnis dein aktives Profil verwendet, musst du es erst herausfinden. Dies geht am schnellsten über die Informationen zur Fehlerbehebung. Diese kannst du auf dreierlei Weise aufrufen:

    - Ist bei dir die Menüleiste ausgeblendet, so wie es Firefox-Standard ist, gehe zum Einstellungsmenü (Symbol mit den drei "Balken" oben ganz rechts, auch Hamburger-Symbol genannt), dann auf Hilfe und schließlich auf Informationen zur Fehlerbehebung
    - Ist bei dir die Menüleiste eingeblendet, gehe ins Menü Hilfe und dann auf Informationen zur Fehlerbehehebung
    - Schließlich kannst du "about:support" in die Adressleiste von Firefox eingeben.

    Gehe im Fenster Informationen zur Fehlerbehebung" in Allgemeine Informationen --> Profilordner --> Ordner öffnen. Rechts daneben siehst du bereits den Ordnerpfad zu deinem Profil.

    Firefox springt jetzt in dein Profil und zeigt dir dessen Ordner und Dateien im Dateiexplorer an. Standardmäßig sollte es, wie bereits oben erwähnt, schon den Unterordner chrome geben. Siehe folgendes Bildschirmfoto:

    b) Wenn bei dir im Dateiexplorer die Dateiendungen ausgeblendet sind (Windows-Standard), solltest du sie einblenden, damit du auch sichergehen kannst, dass die beiden Dateien die Endung .css haben. Die hier beschriebene Vorgehensweise bezieht sich auf Windows 10:

    Öffne den Dateiexplorer, am schnellsten geht es unter Windows mit der Tastenkombination Win+E. Gehe dann ganz oben im Fenster auf die Registerkarte Ansicht, dann rechts auf Optionen und dort öffnet sich dann das Fenster Ordneroptionen. Gehe in diesem Fenster auf die Registerkarte Ansicht und suche nach der Einstellung Erweiterungen bei bekannten Dateitypen ausblenden, um den Haken davor zu entfernen.




    Schließe jetzt das Fenster mit einem Klick auf OK. In Zukunft solltest du jetzt die Dateiendungen sehen.

    Die Dateien userChrome.css und userContent.css muss man also erst anlegen. Benutze dazu einen einfachen Texteditor wie z. B. Notepad++ oder einen anderen Texteditor deiner Wahl, zur Not geht auch der einfache in Windows eingebaute Editor. Natürlich lassen sich die Editoren von anderen Betriebssystemen wie Linux und MacOS ebenfalls verwenden. Achte beim Abspeichern hier auf die Groß- und Kleinschreibung im Dateinamen, obwohl Windows nicht zwischen Groß- und Kleinschreibung unterscheidet; Linux aber tut es. Daher ist es wichtig.

    Achte außerdem darauf, dass die beiden Dateien die Dateiendung .css und nicht .txt oder sonst eine Endung haben. Du bist jetzt bereit, CSS-Code in die Dateien zu schreiben.

    Achtung! Ab Firefox 69 ist ein weiterer Schritt erforderlich. Um einen Leistungsgewinn beim Start von Firefox zu erzielen, hat Mozilla den Schalter toolkit.legacyUserProfileCustomizations.stylesheets in about:config einfgeführt, der für solche Benutzer standardmäßig auf false steht, die die Dateien userChrome.css und userContent.css ab Firefox 69 zum ersten Mal nutzen möchten.

    Für Benutzer, die schon vor Einführung dieses Schalters mit diesen beiden Dateien gearbeitet haben, wird der Schalter automatisch auf true gesetzt. Für diese Benutzer ändert sich also nichts, sie können also nahtlos mit diesen beiden Dateien weiterarbeiten.

    Siehe dazu:

    https://www.soeren-hentzschel.at/firefox/firefo…userchrome-css/

    Du bist jetzt bereit, CSS-Code in die Dateien zu schreiben.

    2. Code in die userChrome.css und die userContent.css schreiben

    Du kannst jetzt CSS-Code in die userChrome.css oder userContent.css schreiben. Vielfach wird es aber einfacher für dich sein, den Code in die entsprechende Datei zu kopieren. Beachte dabei, dass nicht jeder CSS-Code für beide Dateien geeignet ist. In der userChrome.css bezieht sich der Code auf Elemente der Firefox-Oberfläche und der Code in der userContent.css auf HTML-Elemente zur Gestaltung von Webseiten. Wenn also dein Code nicht funktioniert, prüfe auch, ob du ihn in der richtigen der beiden Dateien hast.

    Achtung: Wenn du Änderungen in der userChrome.css oder userContent.css vornimmst, musst du Firefox neu starten, damit die Änderungen wirksam werden.

    2.1. CSS-Code in der userChrome.css

    Das folgende Beispiel zeigt dir wie du die Tabs von Firefox mit runden Ecken versehen und sie orange färben kannst. Der Code lässt sich dabei so verändern, dass du auch eine andere Tabfarbe zuweisen kannst.

    Da du hier ein Element der Firefox-Oberfläche, nämlich das Tab-Element verändern willst, gehört dieser Code in die Datei userChrome.css. Du siehst dabei die angesprochenen Elemente der Firefox-Oberfläche wie TabsToolbar, tab-line, tabbrowser-tab, tab-background usw.

    Hier ist das zugehörige Bildschirmfoto:

    2.2 CSS-Code in der userContent.css

    Das folgende Beispiel für die Datei userContent.css färbt den Hintergrund der Webseiten dieses Forums hellbraun:

    CSS
    @-moz-document domain("www.camp-firefox.de") {


Html > Body {
background: burlywood !important;
  }
}

    Du siehst hier klare Unterschiede zur userChrome.css:

    Ein Unterschied ist die erste Codezeile - hier wird der Gültigkeitsbereich des nachfolgenden CSS-Codes festgelegt. In diesem Fall soll sich der Code nur auf die Website des Forums auswirken, dessen Adresse https://www.camp-firefox.de deshalb angegeben wird.

    Der zweite Unterschied sind die angegebenen Elemente: Es handelt sich dabei um die HTML-Elemente html (<html>), das bekanntlich ein HTML-Dokument umschließt und dessen Unterelement body (<body>), das den Inhaltsbereich dieses HTML-Dokuments definiert.

    Achtung! In Firefox eingebaut sind die about:-Seiten, von denen about:config wohl die bekannteste ist. Obwohl es sich hier auch um Webseiten handelt, lassen sich diese Seiten nur mit der Datei userContent.css verändern, nicht durch eine Webextension! Wenn du about:about in die Adressleiste von Firefox eingibst, werden dir all diese about:-Seiten aufgelistet.

    3. Verbesserungsvorschlag: CSS-Code in andere CSS-Dateien auslagern

    Hier soll eine zusätzliche Möglichkeit behandelt werden, nämlich die, den CSS-Code in gesonderte Dateien auszulagern. Sicher, oben die beiden Beispiele sind sehr kurz, aber über kurz oder lang kann der CSS-Code in der userChrome.css oder userContent.css doch sehr umfangreich werden, sodass du irgendwann nicht mehr durchblicken wirst, welcher CSS-Code wozu gehört und was er denn bewirkt.

    Zur Lösung des Problems bietet es sich an, den CSS-Code in eine eigene Datei auszulagern, den der userChrome.css zum Beispiel in die runde_ecken.css und den der userContent.css z. B. in die hintergrund_camp-firefox.css. Diese Dateien werden am besten in einem eigenen Ordner css (für CSS-Dateien der userChrome.css) und cssweb (für css-Dateien der userContent.css) abgespeichert. Du musst diese Ordner also noch zusätzlich anlegen und zwar ebenfalls im Unterordner chrome deines Profilverzeichnisses.

    Ja, und was ist nun mit der userChrome.css und der userContent.css? Diese brauchst du auch weiterhin. Sie enthalten dann aber keinen CSS-Code mehr, sondern nur @import-Befehle, die dafür sorgen, dass der Inhalt deiner neuen css-Dateien in die userChrome.css bzw. userContent.css eingelesen wird. So ungefähr sieht das dann aus:

    Code
    Profilverzeichnis
             Ordner chrome
                   Ordner css
                           Datei runde_ecken.css                   
                   Ordner cssweb
                           Datei hintergrund_camp-firefox.css
                   Datei userChrome.css
                   Datei userContent.css

    In der Datei userChrome.css steht nun:

    Code
    @import "css/runde_ecken.css";

    und in der Datei userContent.css:

    Code
    @import "cssweb/hintergrund_camp-firefox.css";

    Achtung! Falls du dich entschließen solltest, @import-Befehle und CSS-Code in der userChrome.css bzw. userContent.css zu mischen, was sich jedoch nicht empfiehlt, da es die gewonnene Übersicht teilweise wieder zunichte macht, schreibe die @import-Befehle immer an den Anfang der Datei! Vor einem @import-Befehl darf nur ein anderer @import-Befehl stehen, kein CSS-Code!

    4. Nützliche Tipps

    - Falls du nach einem CSS-Code zu einem bestimmten Gestaltungswunsch suchst, schreibe einen Beitrag im Unterforum
    Anpassungen. Dort findest du Forumsmitglieder, die dir helfen.

    - Falls dir die ehemalige Erweiterung "Classic Theme Restorer" von Aris ein Begriff ist, die einst sehr beliebt war, jetzt aber nicht mehr funktioniert, weil sie sich nicht als Webextension umsetzen ließ, kannst du dir das neue Projekt von Aris anschauen: CustomCSSforFx. Dieses Projekt umfasst eine ganze Reihe von css-Dateien für die unterschiedlichsten Zwecke.

    - Für die Veränderung von Webseiten seien hier nochmals die Webextensions Stylish und Stylus erwähnt.

    Und nun viel Erfolg!

  • userChrome.js Scripte für den Fuchs (Diskussion)

    Ach Leute, warum sagt denn das keiner! Klar funktiontioniert das Skript addonbar_vertical.uc.js! Es hat jetzt bei mir endlich klick gemacht; der Eintrag unter Anpassen --> Symbolleisten war da, das Symbol war da (das von der Sidebar, vielleicht könnte man da ein anderes Symbol festlegen) und, wenn ich im Anpassen-Fenster war, habe ich oben bei aktivem Skript eine weitere gestrichelte Leiste gesehen. Jetzt gerade hat es klick gemacht: Man muss nur mal ein Symbol in diese gestrichelte Leiste ziehen, dann ist die Leiste auch in der Normalansicht sichtbar! Das war wieder eine Geburt.

  • Gibt es Ersatz für Xmarks?

    Zitat von mrspeggy


    milupo: ebenfalls vielen Dank für Deine Antwort. Nun muß ich leider fragen, wie baut man dieses Script ein?


    Hallo mrspeggy,

    dafür müssen erst einmal Vorbereitungen getroffen werden. Das klingt erst einmal kompliziert, man muss es aber nur ein Mal tun und kann dann mit Skripten arbeiten. Und zwar musst du dir das hier erst einmal durchlesen:

    https://www.camp-firefox.de/forum/viewtopi…122538#p1056442

    Tu das erst einmal und frage dann, wenn etwas unklar ist.

  • userChrome.js Scripte für den Fuchs (Diskussion)

    Und was hältst du für die Originalquelle? Ich kenne nur die Seiten von Ardiman und Endor und wenn die noch nicht aktualisiert sind, weil es, wie wir gesehen haben, auch mal sein kann, dass Skripte aufhören zu funktionieren. An anderer Stelle habe ich dir ja auch grundsätzlich recht gegeben, nur ist dein Tipp nicht immer machbar.

  • https://support.mozilla.org/de/users/auth

    Hinter dem Link verbirgt sich doch nur die Loginseite von support.mozilla.org, kein Forum. Aber auch ich kenne nur das englischsprachige Hilfeforum. Es gibt noch Mitarbeiterforen in anderen Sprachen, aber wie der Name schon sagt, sind sie für Mitarbeiter von support.mozilla.org zu den betreffenden Sprachen gedacht.

  • Probleme seit 65.0!

    Im Prinzip hast du recht, aber es geht hier nicht um irgendeine Datei, sondern um Dateien bzw. einen Ordner für die Arbeit mit Benutzerskripten. Da ist das wichtig, das hat mit Windows und Linux nichts zu tun.