Firefox

Firefox – Durchnummerierung der installierten Erweiterungen

Wer viele Erweiterungen installiert hat, für den ist eine Durchnummerierung der installierten Erweiterungen evtl. ganz praktisch.

Durchnummerierung der installierten Erweiterungen

So sieht das standardmäßig aus:

standard

Bis zur Firefox Version 56 war es möglich, solche Änderungen durch diverse Erweiterungen zu erreichen.

Das eine oder andere ist seit der Firefox Version 57 nicht mehr möglich, da Mozilla dafür (zumindest noch) keine Schnittstelle mehr zur Verfügung stellt.

Aus diesem Grund muss man jetzt optischen Änderung am Firefox mit einer userContent.css bzw. einer userChrome.css Datei erstellen.

Dazu bedarf es allerdings erst einer kleineren Vorbereitung, die ich hier schon mal erklärt hatte.

userChrome.css und userContent.css erstellen

Nutzer die diese Dateien das erste mal erstellen, müssen dazu in about:config zusätzlich noch einen Wert aktivieren.

Wie das gemacht wird, hatte ich hier beschrieben.

userChrome Dateien wieder nutzen

Und hier nun die Erklärung, wie man das mit dem CSS – Code dann machen muss.

Als erstes gehen wir dazu in den Profilordner vom Firefox, und öffnen dort den selber angelegten Ordner chrome.

Dann im Ordner chrome die userContent.css Datei öffnen.

In diese Datei tragen wir nun folgenden CSS Code ein:

/*Nummerierung der installierten Erweiterungen*/
body {
  counter-reset: section;                     
  }
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
  font-size: 18px !important;  
  color: red !important;
  font-weight: bold !important;
  counter-increment: section;                 
  content: counter(section)": ";
  margin-left: -8px !important;
  margin-top: 4px !important;
  padding-right: 8px !important; 
  } 
  
addon-list addon-card > .addon.card {
  width: 700px;
  }

(Dazu am besten den Text kopieren, und in die userContent.css einfügen)

Und so sieht der Code dann in der userContent.css Datei aus:

css

Hinweis:

Evtl. müssen die Werte noch individuell etwas angepasst werden.

Damit man später noch genau weiß was der jeweilige CSS Code bedeutet, sollte man sich über dem CSS – Code einen aussagekräftigen Hinweis erstellen.

Dazu schreibt man vor dem Text erst einen Slash und einen Stern /* dann die Beschreibung der Funktion…und als Abschluss schreibt man diesmal erst den Stern und dann das Slashzeichen */

Die Zeichen vorher und nachher bedeuten, dass der Text auskommentiert ist, und somit keinen Einfluss auf den CSS Code bzw. seine Funktion hat.

Durchnummerierung der installierten Erweiterungen

Dann die userContent.css Datei schließen und speichern, und den Firefox neu starten, damit die Änderung wirksam wird.




Und so sieht das dann mit der Durchnummerierung aus:

nummern

Möchte man eines Tages diese Änderung nicht mehr nutzen, dann reicht es aus, den CSS Code in der userContent.css wieder zu löschen.

Danach noch einen Neustart vom Browser machen, und die Nummerierung ist wieder entfernt.

Hinweis:

Hier hatte ich mal beschrieben, was man alternativ zur userChrome.css bzw. zu userContent.css Datei am besten machen sollte:

userChrome.css aufräumen

Vorteil dadurch, es ist alles viel übersichtlicher, und man findet schneller mal etwas wieder.

Die Datei userContent.css wird für optische Änderungen an Webseiten, bzw. allen Firefox Seiten die mit about: beginnen, benötigt.

Das könnte auch interessant sein...




Tags
Haben Sie Fragen zum diesen Artikel oder generell zu Windows oder Computer? Dann wendet euch an unserem Forum
Back to top button
Close