Archiv

Firefox 67 – Tableiste nach ganz unten verschieben



Einige User sind mit dem Ort der Tableiste nicht zufrieden und hätten sie gerne an einer anderen Stelle. Hier möchte ich mal beschreiben, wie man die Tableiste nach ganz unten verschieben kann. Gemeint ist damit, direkt über die Taskleiste. Erreichen kann man das Verschieben der Tableiste mit einem CSS – Code.

Tableiste nach ganz unten verschieben

So sieht das standardmäßig mit der Tableiste aus:

standard 1

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.



Und hier mal eine Erklärung wie man das mit dem neuen CSS – Code dann machen muss.

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

Dann im Ordner chrome die userChrome.css Datei öffnen, und den alten CSS Code für die Mehrreihige Tableiste löschen.

In diese Datei tragen wir nun dafür folgenden neuen CSS Code ein:

/*Tableiste nach ganz unten*/

#statuspanel { /*Tooltip Anzeige*/
margin-top: -45px !important;
   }
   
#content-deck{
margin-bottom: 28px !important;
   }
   
#TabsToolbar {
margin-bottom: 0px !important; /* Abstand nach unten*/
background:lightgrey!important;/* Hintergrundfarbe*/
position:fixed !important;
bottom:0 !important;
width:100% !important;
   }
   
#tabbrowser-tabs > tab {
width:250px!important; /*Tabbreite*/
   }
   
#alltabs-button {
display:none;
   }
   
/*Damit die Tableiste nicht 2 zeilig wird wegen dem Button:New Tab*/
.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
width:1400px!important;
   }

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

Hinweis:
Alle angegebenen Werte können individuell angepasst werden.

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

css code 1

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.

Tableiste nach ganz unten verschieben

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

So sieht das dann mit der Tableiste ganz unten aus:

tableiste unten

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

Danach noch einen Neustart vom Browser machen, und das aktuelle Standard Favicon von YouTube wird wieder angezeigt.

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

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

Dieser Tipp kann bzw. sollte auch auf die Datei userContent.css angewandt werden.

(Diese Datei wird für optische Änderungen an Webseiten, bzw. allen Firefox Seiten die mit about beginnen benötigt)



Das könnte auch interessant sein...


Tags

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Back to top button